@yamada-ui/motion 1.0.2 → 1.0.3-dev-20231230014952

package/dist/{chunk-BRU5IQGF.mjs → chunk-CC4SJRTT.mjs}

@@ -22,4 +22,4 @@ var Motion = forwardRef(
 export {
   Motion
 };
-//# sourceMappingURL=chunk-BRU5IQGF.mjs.map
+//# sourceMappingURL=chunk-CC4SJRTT.mjs.map

package/dist/chunk-CC4SJRTT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion.tsx"],"sourcesContent":["import type { HTMLUIProps, OmitProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { HTMLMotionProps } from \"framer-motion\"\nimport { motion } from \"framer-motion\"\nimport type { ReactHTML } from \"react\"\nimport type { MotionAs } from \"./motion.types\"\n\ntype UIProps = \"children\" | \"color\"\n\ntype MotionOptions = {\n  as?: MotionAs\n}\n\nexport type MotionProps<Y extends keyof ReactHTML = \"div\"> = OmitProps<\n  HTMLUIProps<Y>,\n  keyof Omit<HTMLMotionProps<Y>, UIProps>\n> &\n  Omit<HTMLMotionProps<Y>, UIProps> &\n  MotionOptions\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/others/#motion\n */\nexport const Motion = forwardRef<MotionProps, \"div\", false>(\n  ({ as = \"div\", className, ...rest }, ref) => {\n    return (\n      <ui.div\n        as={motion[as]}\n        ref={ref}\n        className={cx(\"ui-motion\", className)}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AAEnB,SAAS,cAAc;AAyBjB;AAHC,IAAM,SAAS;AAAA,EACpB,CAAC,EAAE,KAAK,OAAO,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC3C,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC,IAAI,OAAO,EAAE;AAAA,QACb;AAAA,QACA,WAAW,GAAG,aAAa,SAAS;AAAA,QACnC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/index.d.mts

@@ -1,6 +1,5 @@
 export { AnimatePresence, DragControls, HTMLMotionProps, LayoutGroup, LazyMotion, AnimatePresenceProps as MotionAnimatePresenceProps, AnimationControls as MotionAnimationControls, AnimationLifecycles as MotionAnimationLifecycles, AnimationOptions as MotionAnimationOptions, AnimationPlaybackControls as MotionAnimationPlaybackControls, AnimationProps as MotionAnimationProps, AnimationType as MotionAnimationType, MotionConfig, MotionConfigProps, LayoutProps as MotionLayoutProps, LazyProps as MotionLazyProps, Reorder as MotionReorder, MotionStyle, Transition as MotionTransition, MotionValue, Variants as MotionVariants, SVGMotionProps, m, motion, transform, useCycle, useDragControls, useInView, useIsPresent, useAnimation as useMotionAnimation, useAnimationControls as useMotionAnimationControls, useAnimationFrame as useMotionAnimationFrame, useMotionTemplate, useMotionValue, useMotionValueEvent, useReducedMotion, useScroll, useSpring, useTime, useTransform, useVelocity, useViewportScroll } from 'framer-motion';
-export { Motion, MotionProps } from './motion.mjs';
-export { MotionDelayProps, MotionDurationProps, MotionTransitionEndProps, MotionTransitionProperties, MotionTransitionProps, MotionTransitionVariants, WithTransitionProps } from './motion.types.mjs';
+export { a as Motion, c as MotionAs, g as MotionDelayProps, h as MotionDurationProps, b as MotionProps, f as MotionTransitionEndProps, M as MotionTransitionProperties, e as MotionTransitionProps, d as MotionTransitionVariants, i as MotionUIPropGetter, R as RequiredMotionUIPropGetter, W as WithTransitionProps } from './motion-6FH35pOn.mjs';
 export { MOTION_TRANSITION_DEFAULTS, MOTION_TRANSITION_EASINGS, MOTION_TRANSITION_VARIANTS, transitionEnter, transitionExit } from './utils.mjs';
 import '@yamada-ui/core';
 import 'react';

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 export { AnimatePresence, DragControls, HTMLMotionProps, LayoutGroup, LazyMotion, AnimatePresenceProps as MotionAnimatePresenceProps, AnimationControls as MotionAnimationControls, AnimationLifecycles as MotionAnimationLifecycles, AnimationOptions as MotionAnimationOptions, AnimationPlaybackControls as MotionAnimationPlaybackControls, AnimationProps as MotionAnimationProps, AnimationType as MotionAnimationType, MotionConfig, MotionConfigProps, LayoutProps as MotionLayoutProps, LazyProps as MotionLazyProps, Reorder as MotionReorder, MotionStyle, Transition as MotionTransition, MotionValue, Variants as MotionVariants, SVGMotionProps, m, motion, transform, useCycle, useDragControls, useInView, useIsPresent, useAnimation as useMotionAnimation, useAnimationControls as useMotionAnimationControls, useAnimationFrame as useMotionAnimationFrame, useMotionTemplate, useMotionValue, useMotionValueEvent, useReducedMotion, useScroll, useSpring, useTime, useTransform, useVelocity, useViewportScroll } from 'framer-motion';
-export { Motion, MotionProps } from './motion.js';
-export { MotionDelayProps, MotionDurationProps, MotionTransitionEndProps, MotionTransitionProperties, MotionTransitionProps, MotionTransitionVariants, WithTransitionProps } from './motion.types.js';
+export { a as Motion, c as MotionAs, g as MotionDelayProps, h as MotionDurationProps, b as MotionProps, f as MotionTransitionEndProps, M as MotionTransitionProperties, e as MotionTransitionProps, d as MotionTransitionVariants, i as MotionUIPropGetter, R as RequiredMotionUIPropGetter, W as WithTransitionProps } from './motion-6FH35pOn.js';
 export { MOTION_TRANSITION_DEFAULTS, MOTION_TRANSITION_EASINGS, MOTION_TRANSITION_VARIANTS, transitionEnter, transitionExit } from './utils.js';
 import '@yamada-ui/core';
 import 'react';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/motion.tsx","../src/utils.ts"],"sourcesContent":["export {\n  m,\n  motion,\n  AnimatePresence,\n  LayoutGroup,\n  LazyMotion,\n  MotionConfig,\n  Reorder as MotionReorder,\n  useMotionTemplate,\n  useScroll,\n  useSpring,\n  useTime,\n  useTransform,\n  transform,\n  useVelocity,\n  useViewportScroll,\n  useAnimation as useMotionAnimation,\n  useAnimationControls as useMotionAnimationControls,\n  useAnimationFrame as useMotionAnimationFrame,\n  useDragControls,\n  useInView,\n  useIsPresent,\n  useReducedMotion,\n  useMotionValue,\n  useMotionValueEvent,\n  useCycle,\n} from \"framer-motion\"\nexport { Motion } from \"./motion\"\nexport type { MotionProps } from \"./motion\"\nexport * from \"./motion.types\"\nexport * from \"./utils\"\n","import type { HTMLUIProps, OmitProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { HTMLMotionProps } from \"framer-motion\"\nimport { motion } from \"framer-motion\"\nimport type { ReactHTML } from \"react\"\n\ntype MotionOptions = {\n  as?: keyof typeof motion\n}\n\nexport type MotionProps<Y extends keyof ReactHTML = \"div\"> = OmitProps<\n  HTMLUIProps<Y>,\n  keyof HTMLMotionProps<Y>\n> &\n  HTMLMotionProps<Y> &\n  MotionOptions\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/styled-system/animation#motion\n */\nexport const Motion = forwardRef<MotionProps, \"div\", false>(\n  ({ as = \"div\", className, ...rest }, ref) => {\n    return (\n      <ui.div\n        as={motion[as]}\n        ref={ref}\n        className={cx(\"ui-motion\", className)}\n        {...rest}\n      />\n    )\n  },\n)\n","import { isNumber } from \"@yamada-ui/utils\"\nimport type { Transition } from \"framer-motion\"\nimport type { MotionTransitionProperties } 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?: MotionTransitionProperties[\"delay\"],\n    duration?: MotionTransitionProperties[\"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?: MotionTransitionProperties[\"delay\"],\n    duration?: MotionTransitionProperties[\"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","import_utils"]}
+{"version":3,"sources":["../src/index.ts","../src/motion.tsx","../src/utils.ts"],"sourcesContent":["export {\n  m,\n  motion,\n  AnimatePresence,\n  LayoutGroup,\n  LazyMotion,\n  MotionConfig,\n  Reorder as MotionReorder,\n  useMotionTemplate,\n  useScroll,\n  useSpring,\n  useTime,\n  useTransform,\n  transform,\n  useVelocity,\n  useViewportScroll,\n  useAnimation as useMotionAnimation,\n  useAnimationControls as useMotionAnimationControls,\n  useAnimationFrame as useMotionAnimationFrame,\n  useDragControls,\n  useInView,\n  useIsPresent,\n  useReducedMotion,\n  useMotionValue,\n  useMotionValueEvent,\n  useCycle,\n} from \"framer-motion\"\nexport { Motion } from \"./motion\"\nexport type { MotionProps } from \"./motion\"\nexport * from \"./motion.types\"\nexport * from \"./utils\"\n","import type { HTMLUIProps, OmitProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { HTMLMotionProps } from \"framer-motion\"\nimport { motion } from \"framer-motion\"\nimport type { ReactHTML } from \"react\"\nimport type { MotionAs } from \"./motion.types\"\n\ntype UIProps = \"children\" | \"color\"\n\ntype MotionOptions = {\n  as?: MotionAs\n}\n\nexport type MotionProps<Y extends keyof ReactHTML = \"div\"> = OmitProps<\n  HTMLUIProps<Y>,\n  keyof Omit<HTMLMotionProps<Y>, UIProps>\n> &\n  Omit<HTMLMotionProps<Y>, UIProps> &\n  MotionOptions\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/others/#motion\n */\nexport const Motion = forwardRef<MotionProps, \"div\", false>(\n  ({ as = \"div\", className, ...rest }, ref) => {\n    return (\n      <ui.div\n        as={motion[as]}\n        ref={ref}\n        className={cx(\"ui-motion\", className)}\n        {...rest}\n      />\n    )\n  },\n)\n","import { isNumber } from \"@yamada-ui/utils\"\nimport type { Transition } from \"framer-motion\"\nimport type { MotionTransitionProperties } 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?: MotionTransitionProperties[\"delay\"],\n    duration?: MotionTransitionProperties[\"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?: MotionTransitionProperties[\"delay\"],\n    duration?: MotionTransitionProperties[\"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","import_utils"]}

package/dist/index.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   Motion
-} from "./chunk-BRU5IQGF.mjs";
+} from "./chunk-CC4SJRTT.mjs";
 import "./chunk-R3D52RAW.mjs";
 import {
   MOTION_TRANSITION_DEFAULTS,

package/dist/motion-6FH35pOn.d.mts

@@ -0,0 +1,75 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { OmitProps, HTMLUIProps } from '@yamada-ui/core';
+import { motion, Transition, Target, TargetAndTransition, HTMLMotionProps } from 'framer-motion';
+import { ReactHTML, Ref, RefAttributes } from 'react';
+import { Dict, Merge } from '@yamada-ui/utils';
+
+type MotionAs = keyof typeof motion;
+type TargetResolver<Y = Dict> = (props: Y & MotionTransitionProperties) => TargetAndTransition;
+type Variant<Y = Dict> = TargetAndTransition | TargetResolver<Y>;
+type MotionTransitionVariants<Y = Dict> = {
+    enter: Variant<Y>;
+    exit: Variant<Y>;
+    initial?: Variant<Y>;
+};
+type MotionTransitionProperties = {
+    /**
+     * Custom `transition` definition for `enter` and `exit`.
+     */
+    transition?: MotionTransitionProps;
+    /**
+     * Custom `transitionEnd` definition for `enter` and `exit`.
+     */
+    transitionEnd?: MotionTransitionEndProps;
+    /**
+     * Custom `delay` definition for `enter` and `exit`.
+     */
+    delay?: number | MotionDelayProps;
+    /**
+     * Custom `duration` definition for `enter` and `exit`.
+     */
+    duration?: number | MotionDurationProps;
+    /**
+     * Custom `enter`.
+     */
+    enter?: any;
+    /**
+     * Custom `exit`.
+     */
+    exit?: any;
+    /**
+     * Custom `initial`.
+     */
+    initial?: any;
+};
+type WithMotionProps<Y> = Partial<Record<"enter" | "exit", Y>>;
+type MotionTransitionProps = WithMotionProps<Transition>;
+type MotionTransitionEndProps = WithMotionProps<Target>;
+type MotionDelayProps = WithMotionProps<number>;
+type MotionDurationProps = WithMotionProps<number>;
+type WithTransitionProps<Y extends object> = Omit<Y, "transition"> & MotionTransitionProperties & {
+    /**
+     * If `true`, the element will unmount when `isOpen={false}` and animation is done.
+     */
+    unmountOnExit?: boolean;
+    /**
+     * Show the component. triggers when enter or exit states.
+     */
+    isOpen?: boolean;
+};
+type MotionUIPropGetter<Y extends keyof ReactHTML = "div", M = undefined> = (props?: Merge<MotionProps<Y>, M>, ref?: Ref<any>) => MotionProps<Y> & RefAttributes<any>;
+type RequiredMotionUIPropGetter<Y extends keyof ReactHTML = "div", M = undefined> = (props: Merge<MotionProps<Y>, M>, ref?: Ref<any>) => MotionProps<Y> & RefAttributes<any>;
+
+type UIProps = "children" | "color";
+type MotionOptions = {
+    as?: MotionAs;
+};
+type MotionProps<Y extends keyof ReactHTML = "div"> = OmitProps<HTMLUIProps<Y>, keyof Omit<HTMLMotionProps<Y>, UIProps>> & Omit<HTMLMotionProps<Y>, UIProps> & MotionOptions;
+/**
+ * `Motion` is a component that allows for the easy implementation of a wide variety of animations.
+ *
+ * @see Docs https://yamada-ui.com/others/#motion
+ */
+declare const Motion: _yamada_ui_core.Component<"div", MotionProps<"div">>;
+
+export { type MotionTransitionProperties as M, type RequiredMotionUIPropGetter as R, type WithTransitionProps as W, Motion as a, type MotionProps as b, type MotionAs as c, type MotionTransitionVariants as d, type MotionTransitionProps as e, type MotionTransitionEndProps as f, type MotionDelayProps as g, type MotionDurationProps as h, type MotionUIPropGetter as i };

package/dist/motion-6FH35pOn.d.ts

@@ -0,0 +1,75 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { OmitProps, HTMLUIProps } from '@yamada-ui/core';
+import { motion, Transition, Target, TargetAndTransition, HTMLMotionProps } from 'framer-motion';
+import { ReactHTML, Ref, RefAttributes } from 'react';
+import { Dict, Merge } from '@yamada-ui/utils';
+
+type MotionAs = keyof typeof motion;
+type TargetResolver<Y = Dict> = (props: Y & MotionTransitionProperties) => TargetAndTransition;
+type Variant<Y = Dict> = TargetAndTransition | TargetResolver<Y>;
+type MotionTransitionVariants<Y = Dict> = {
+    enter: Variant<Y>;
+    exit: Variant<Y>;
+    initial?: Variant<Y>;
+};
+type MotionTransitionProperties = {
+    /**
+     * Custom `transition` definition for `enter` and `exit`.
+     */
+    transition?: MotionTransitionProps;
+    /**
+     * Custom `transitionEnd` definition for `enter` and `exit`.
+     */
+    transitionEnd?: MotionTransitionEndProps;
+    /**
+     * Custom `delay` definition for `enter` and `exit`.
+     */
+    delay?: number | MotionDelayProps;
+    /**
+     * Custom `duration` definition for `enter` and `exit`.
+     */
+    duration?: number | MotionDurationProps;
+    /**
+     * Custom `enter`.
+     */
+    enter?: any;
+    /**
+     * Custom `exit`.
+     */
+    exit?: any;
+    /**
+     * Custom `initial`.
+     */
+    initial?: any;
+};
+type WithMotionProps<Y> = Partial<Record<"enter" | "exit", Y>>;
+type MotionTransitionProps = WithMotionProps<Transition>;
+type MotionTransitionEndProps = WithMotionProps<Target>;
+type MotionDelayProps = WithMotionProps<number>;
+type MotionDurationProps = WithMotionProps<number>;
+type WithTransitionProps<Y extends object> = Omit<Y, "transition"> & MotionTransitionProperties & {
+    /**
+     * If `true`, the element will unmount when `isOpen={false}` and animation is done.
+     */
+    unmountOnExit?: boolean;
+    /**
+     * Show the component. triggers when enter or exit states.
+     */
+    isOpen?: boolean;
+};
+type MotionUIPropGetter<Y extends keyof ReactHTML = "div", M = undefined> = (props?: Merge<MotionProps<Y>, M>, ref?: Ref<any>) => MotionProps<Y> & RefAttributes<any>;
+type RequiredMotionUIPropGetter<Y extends keyof ReactHTML = "div", M = undefined> = (props: Merge<MotionProps<Y>, M>, ref?: Ref<any>) => MotionProps<Y> & RefAttributes<any>;
+
+type UIProps = "children" | "color";
+type MotionOptions = {
+    as?: MotionAs;
+};
+type MotionProps<Y extends keyof ReactHTML = "div"> = OmitProps<HTMLUIProps<Y>, keyof Omit<HTMLMotionProps<Y>, UIProps>> & Omit<HTMLMotionProps<Y>, UIProps> & MotionOptions;
+/**
+ * `Motion` is a component that allows for the easy implementation of a wide variety of animations.
+ *
+ * @see Docs https://yamada-ui.com/others/#motion
+ */
+declare const Motion: _yamada_ui_core.Component<"div", MotionProps<"div">>;
+
+export { type MotionTransitionProperties as M, type RequiredMotionUIPropGetter as R, type WithTransitionProps as W, Motion as a, type MotionProps as b, type MotionAs as c, type MotionTransitionVariants as d, type MotionTransitionProps as e, type MotionTransitionEndProps as f, type MotionDelayProps as g, type MotionDurationProps as h, type MotionUIPropGetter as i };

package/dist/motion.d.mts

@@ -1,17 +1,5 @@
-import * as _yamada_ui_core from '@yamada-ui/core';
-import { OmitProps, HTMLUIProps } from '@yamada-ui/core';
-import { HTMLMotionProps, motion } from 'framer-motion';
-import { ReactHTML } from 'react';
-
-type MotionOptions = {
-    as?: keyof typeof motion;
-};
-type MotionProps<Y extends keyof ReactHTML = "div"> = OmitProps<HTMLUIProps<Y>, keyof HTMLMotionProps<Y>> & HTMLMotionProps<Y> & MotionOptions;
-/**
- * `Motion` is a component that allows for the easy implementation of a wide variety of animations.
- *
- * @see Docs https://yamada-ui.com/styled-system/animation#motion
- */
-declare const Motion: _yamada_ui_core.Component<"div", MotionProps<"div">>;
-
-export { Motion, type MotionProps };
+import '@yamada-ui/core';
+import 'framer-motion';
+import 'react';
+export { a as Motion, b as MotionProps } from './motion-6FH35pOn.mjs';
+import '@yamada-ui/utils';

package/dist/motion.d.ts

@@ -1,17 +1,5 @@
-import * as _yamada_ui_core from '@yamada-ui/core';
-import { OmitProps, HTMLUIProps } from '@yamada-ui/core';
-import { HTMLMotionProps, motion } from 'framer-motion';
-import { ReactHTML } from 'react';
-
-type MotionOptions = {
-    as?: keyof typeof motion;
-};
-type MotionProps<Y extends keyof ReactHTML = "div"> = OmitProps<HTMLUIProps<Y>, keyof HTMLMotionProps<Y>> & HTMLMotionProps<Y> & MotionOptions;
-/**
- * `Motion` is a component that allows for the easy implementation of a wide variety of animations.
- *
- * @see Docs https://yamada-ui.com/styled-system/animation#motion
- */
-declare const Motion: _yamada_ui_core.Component<"div", MotionProps<"div">>;
-
-export { Motion, type MotionProps };
+import '@yamada-ui/core';
+import 'framer-motion';
+import 'react';
+export { a as Motion, b as MotionProps } from './motion-6FH35pOn.js';
+import '@yamada-ui/utils';

package/dist/motion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/motion.tsx"],"sourcesContent":["import type { HTMLUIProps, OmitProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { HTMLMotionProps } from \"framer-motion\"\nimport { motion } from \"framer-motion\"\nimport type { ReactHTML } from \"react\"\n\ntype MotionOptions = {\n  as?: keyof typeof motion\n}\n\nexport type MotionProps<Y extends keyof ReactHTML = \"div\"> = OmitProps<\n  HTMLUIProps<Y>,\n  keyof HTMLMotionProps<Y>\n> &\n  HTMLMotionProps<Y> &\n  MotionOptions\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/styled-system/animation#motion\n */\nexport const Motion = forwardRef<MotionProps, \"div\", false>(\n  ({ as = \"div\", className, ...rest }, ref) => {\n    return (\n      <ui.div\n        as={motion[as]}\n        ref={ref}\n        className={cx(\"ui-motion\", className)}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA+B;AAC/B,mBAAmB;AAEnB,2BAAuB;AAsBjB;AAHC,IAAM,aAAS;AAAA,EACpB,CAAC,EAAE,KAAK,OAAO,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC3C,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC,IAAI,4BAAO,EAAE;AAAA,QACb;AAAA,QACA,eAAW,iBAAG,aAAa,SAAS;AAAA,QACnC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}
+{"version":3,"sources":["../src/motion.tsx"],"sourcesContent":["import type { HTMLUIProps, OmitProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { HTMLMotionProps } from \"framer-motion\"\nimport { motion } from \"framer-motion\"\nimport type { ReactHTML } from \"react\"\nimport type { MotionAs } from \"./motion.types\"\n\ntype UIProps = \"children\" | \"color\"\n\ntype MotionOptions = {\n  as?: MotionAs\n}\n\nexport type MotionProps<Y extends keyof ReactHTML = \"div\"> = OmitProps<\n  HTMLUIProps<Y>,\n  keyof Omit<HTMLMotionProps<Y>, UIProps>\n> &\n  Omit<HTMLMotionProps<Y>, UIProps> &\n  MotionOptions\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/others/#motion\n */\nexport const Motion = forwardRef<MotionProps, \"div\", false>(\n  ({ as = \"div\", className, ...rest }, ref) => {\n    return (\n      <ui.div\n        as={motion[as]}\n        ref={ref}\n        className={cx(\"ui-motion\", className)}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA+B;AAC/B,mBAAmB;AAEnB,2BAAuB;AAyBjB;AAHC,IAAM,aAAS;AAAA,EACpB,CAAC,EAAE,KAAK,OAAO,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC3C,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC,IAAI,4BAAO,EAAE;AAAA,QACb;AAAA,QACA,eAAW,iBAAG,aAAa,SAAS;AAAA,QACnC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/motion.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   Motion
-} from "./chunk-BRU5IQGF.mjs";
+} from "./chunk-CC4SJRTT.mjs";
 export {
   Motion
 };

package/dist/motion.types.d.mts

@@ -1,58 +1,5 @@
-import { Dict } from '@yamada-ui/utils';
-import { Transition, Target, TargetAndTransition } from 'framer-motion';
+import '@yamada-ui/utils';
 export { DragControls, HTMLMotionProps, AnimatePresenceProps as MotionAnimatePresenceProps, AnimationControls as MotionAnimationControls, AnimationLifecycles as MotionAnimationLifecycles, AnimationOptions as MotionAnimationOptions, AnimationPlaybackControls as MotionAnimationPlaybackControls, AnimationProps as MotionAnimationProps, AnimationType as MotionAnimationType, MotionConfigProps, LayoutProps as MotionLayoutProps, LazyProps as MotionLazyProps, MotionStyle, Transition as MotionTransition, MotionValue, Variants as MotionVariants, SVGMotionProps } from 'framer-motion';
-
-type TargetResolver<Y = Dict> = (props: Y & MotionTransitionProperties) => TargetAndTransition;
-type Variant<Y = Dict> = TargetAndTransition | TargetResolver<Y>;
-type MotionTransitionVariants<Y = Dict> = {
-    enter: Variant<Y>;
-    exit: Variant<Y>;
-    initial?: Variant<Y>;
-};
-type MotionTransitionProperties = {
-    /**
-     * Custom `transition` definition for `enter` and `exit`.
-     */
-    transition?: MotionTransitionProps;
-    /**
-     * Custom `transitionEnd` definition for `enter` and `exit`.
-     */
-    transitionEnd?: MotionTransitionEndProps;
-    /**
-     * Custom `delay` definition for `enter` and `exit`.
-     */
-    delay?: number | MotionDelayProps;
-    /**
-     * Custom `duration` definition for `enter` and `exit`.
-     */
-    duration?: number | MotionDurationProps;
-    /**
-     * Custom `enter`.
-     */
-    enter?: any;
-    /**
-     * Custom `exit`.
-     */
-    exit?: any;
-    /**
-     * Custom `initial`.
-     */
-    initial?: any;
-};
-type WithMotionProps<Y> = Partial<Record<"enter" | "exit", Y>>;
-type MotionTransitionProps = WithMotionProps<Transition>;
-type MotionTransitionEndProps = WithMotionProps<Target>;
-type MotionDelayProps = WithMotionProps<number>;
-type MotionDurationProps = WithMotionProps<number>;
-type WithTransitionProps<Y extends object> = Omit<Y, "transition"> & MotionTransitionProperties & {
-    /**
-     * If `true`, the element will unmount when `isOpen={false}` and animation is done.
-     */
-    unmountOnExit?: boolean;
-    /**
-     * Show the component. triggers when enter or exit states.
-     */
-    isOpen?: boolean;
-};
-
-export type { MotionDelayProps, MotionDurationProps, MotionTransitionEndProps, MotionTransitionProperties, MotionTransitionProps, MotionTransitionVariants, WithTransitionProps };
+import 'react';
+export { c as MotionAs, g as MotionDelayProps, h as MotionDurationProps, f as MotionTransitionEndProps, M as MotionTransitionProperties, e as MotionTransitionProps, d as MotionTransitionVariants, i as MotionUIPropGetter, R as RequiredMotionUIPropGetter, W as WithTransitionProps } from './motion-6FH35pOn.mjs';
+import '@yamada-ui/core';

package/dist/motion.types.d.ts

@@ -1,58 +1,5 @@
-import { Dict } from '@yamada-ui/utils';
-import { Transition, Target, TargetAndTransition } from 'framer-motion';
+import '@yamada-ui/utils';
 export { DragControls, HTMLMotionProps, AnimatePresenceProps as MotionAnimatePresenceProps, AnimationControls as MotionAnimationControls, AnimationLifecycles as MotionAnimationLifecycles, AnimationOptions as MotionAnimationOptions, AnimationPlaybackControls as MotionAnimationPlaybackControls, AnimationProps as MotionAnimationProps, AnimationType as MotionAnimationType, MotionConfigProps, LayoutProps as MotionLayoutProps, LazyProps as MotionLazyProps, MotionStyle, Transition as MotionTransition, MotionValue, Variants as MotionVariants, SVGMotionProps } from 'framer-motion';
-
-type TargetResolver<Y = Dict> = (props: Y & MotionTransitionProperties) => TargetAndTransition;
-type Variant<Y = Dict> = TargetAndTransition | TargetResolver<Y>;
-type MotionTransitionVariants<Y = Dict> = {
-    enter: Variant<Y>;
-    exit: Variant<Y>;
-    initial?: Variant<Y>;
-};
-type MotionTransitionProperties = {
-    /**
-     * Custom `transition` definition for `enter` and `exit`.
-     */
-    transition?: MotionTransitionProps;
-    /**
-     * Custom `transitionEnd` definition for `enter` and `exit`.
-     */
-    transitionEnd?: MotionTransitionEndProps;
-    /**
-     * Custom `delay` definition for `enter` and `exit`.
-     */
-    delay?: number | MotionDelayProps;
-    /**
-     * Custom `duration` definition for `enter` and `exit`.
-     */
-    duration?: number | MotionDurationProps;
-    /**
-     * Custom `enter`.
-     */
-    enter?: any;
-    /**
-     * Custom `exit`.
-     */
-    exit?: any;
-    /**
-     * Custom `initial`.
-     */
-    initial?: any;
-};
-type WithMotionProps<Y> = Partial<Record<"enter" | "exit", Y>>;
-type MotionTransitionProps = WithMotionProps<Transition>;
-type MotionTransitionEndProps = WithMotionProps<Target>;
-type MotionDelayProps = WithMotionProps<number>;
-type MotionDurationProps = WithMotionProps<number>;
-type WithTransitionProps<Y extends object> = Omit<Y, "transition"> & MotionTransitionProperties & {
-    /**
-     * If `true`, the element will unmount when `isOpen={false}` and animation is done.
-     */
-    unmountOnExit?: boolean;
-    /**
-     * Show the component. triggers when enter or exit states.
-     */
-    isOpen?: boolean;
-};
-
-export type { MotionDelayProps, MotionDurationProps, MotionTransitionEndProps, MotionTransitionProperties, MotionTransitionProps, MotionTransitionVariants, WithTransitionProps };
+import 'react';
+export { c as MotionAs, g as MotionDelayProps, h as MotionDurationProps, f as MotionTransitionEndProps, M as MotionTransitionProperties, e as MotionTransitionProps, d as MotionTransitionVariants, i as MotionUIPropGetter, R as RequiredMotionUIPropGetter, W as WithTransitionProps } from './motion-6FH35pOn.js';
+import '@yamada-ui/core';

package/dist/motion.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/motion.types.ts"],"sourcesContent":["import type { Dict } from \"@yamada-ui/utils\"\nimport type { Target, TargetAndTransition, Transition } from \"framer-motion\"\n\nexport type {\n  HTMLMotionProps,\n  SVGMotionProps,\n  Variants as MotionVariants,\n  Transition as MotionTransition,\n  AnimatePresenceProps as MotionAnimatePresenceProps,\n  LayoutProps as MotionLayoutProps,\n  LazyProps as MotionLazyProps,\n  MotionConfigProps,\n  MotionStyle,\n  DragControls,\n  AnimationControls as MotionAnimationControls,\n  AnimationProps as MotionAnimationProps,\n  AnimationType as MotionAnimationType,\n  AnimationLifecycles as MotionAnimationLifecycles,\n  AnimationOptions as MotionAnimationOptions,\n  AnimationPlaybackControls as MotionAnimationPlaybackControls,\n  MotionValue,\n} from \"framer-motion\"\n\ntype TargetResolver<Y = Dict> = (\n  props: Y & MotionTransitionProperties,\n) => TargetAndTransition\n\ntype Variant<Y = Dict> = TargetAndTransition | TargetResolver<Y>\n\nexport type MotionTransitionVariants<Y = Dict> = {\n  enter: Variant<Y>\n  exit: Variant<Y>\n  initial?: Variant<Y>\n}\n\nexport type MotionTransitionProperties = {\n  /**\n   * Custom `transition` definition for `enter` and `exit`.\n   */\n  transition?: MotionTransitionProps\n  /**\n   * Custom `transitionEnd` definition for `enter` and `exit`.\n   */\n  transitionEnd?: MotionTransitionEndProps\n  /**\n   * Custom `delay` definition for `enter` and `exit`.\n   */\n  delay?: number | MotionDelayProps\n  /**\n   * Custom `duration` definition for `enter` and `exit`.\n   */\n  duration?: number | MotionDurationProps\n  /**\n   * Custom `enter`.\n   */\n  enter?: any\n  /**\n   * Custom `exit`.\n   */\n  exit?: any\n  /**\n   * Custom `initial`.\n   */\n  initial?: any\n}\n\ntype WithMotionProps<Y> = Partial<Record<\"enter\" | \"exit\", Y>>\n\nexport type MotionTransitionProps = WithMotionProps<Transition>\n\nexport type MotionTransitionEndProps = WithMotionProps<Target>\n\nexport type MotionDelayProps = WithMotionProps<number>\n\nexport type MotionDurationProps = WithMotionProps<number>\n\nexport type WithTransitionProps<Y extends object> = Omit<Y, \"transition\"> &\n  MotionTransitionProperties & {\n    /**\n     * If `true`, the element will unmount when `isOpen={false}` and animation is done.\n     */\n    unmountOnExit?: boolean\n    /**\n     * Show the component. triggers when enter or exit states.\n     */\n    isOpen?: boolean\n  }\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../src/motion.types.ts"],"sourcesContent":["import type { Dict, Merge } from \"@yamada-ui/utils\"\nimport type {\n  Target,\n  TargetAndTransition,\n  Transition,\n  motion,\n} from \"framer-motion\"\nimport type { Ref, RefAttributes, ReactHTML } from \"react\"\nimport type { MotionProps } from \"./motion\"\n\nexport type {\n  HTMLMotionProps,\n  SVGMotionProps,\n  Variants as MotionVariants,\n  Transition as MotionTransition,\n  AnimatePresenceProps as MotionAnimatePresenceProps,\n  LayoutProps as MotionLayoutProps,\n  LazyProps as MotionLazyProps,\n  MotionConfigProps,\n  MotionStyle,\n  DragControls,\n  AnimationControls as MotionAnimationControls,\n  AnimationProps as MotionAnimationProps,\n  AnimationType as MotionAnimationType,\n  AnimationLifecycles as MotionAnimationLifecycles,\n  AnimationOptions as MotionAnimationOptions,\n  AnimationPlaybackControls as MotionAnimationPlaybackControls,\n  MotionValue,\n} from \"framer-motion\"\n\nexport type MotionAs = keyof typeof motion\n\ntype TargetResolver<Y = Dict> = (\n  props: Y & MotionTransitionProperties,\n) => TargetAndTransition\n\ntype Variant<Y = Dict> = TargetAndTransition | TargetResolver<Y>\n\nexport type MotionTransitionVariants<Y = Dict> = {\n  enter: Variant<Y>\n  exit: Variant<Y>\n  initial?: Variant<Y>\n}\n\nexport type MotionTransitionProperties = {\n  /**\n   * Custom `transition` definition for `enter` and `exit`.\n   */\n  transition?: MotionTransitionProps\n  /**\n   * Custom `transitionEnd` definition for `enter` and `exit`.\n   */\n  transitionEnd?: MotionTransitionEndProps\n  /**\n   * Custom `delay` definition for `enter` and `exit`.\n   */\n  delay?: number | MotionDelayProps\n  /**\n   * Custom `duration` definition for `enter` and `exit`.\n   */\n  duration?: number | MotionDurationProps\n  /**\n   * Custom `enter`.\n   */\n  enter?: any\n  /**\n   * Custom `exit`.\n   */\n  exit?: any\n  /**\n   * Custom `initial`.\n   */\n  initial?: any\n}\n\ntype WithMotionProps<Y> = Partial<Record<\"enter\" | \"exit\", Y>>\n\nexport type MotionTransitionProps = WithMotionProps<Transition>\n\nexport type MotionTransitionEndProps = WithMotionProps<Target>\n\nexport type MotionDelayProps = WithMotionProps<number>\n\nexport type MotionDurationProps = WithMotionProps<number>\n\nexport type WithTransitionProps<Y extends object> = Omit<Y, \"transition\"> &\n  MotionTransitionProperties & {\n    /**\n     * If `true`, the element will unmount when `isOpen={false}` and animation is done.\n     */\n    unmountOnExit?: boolean\n    /**\n     * Show the component. triggers when enter or exit states.\n     */\n    isOpen?: boolean\n  }\n\nexport type MotionUIPropGetter<\n  Y extends keyof ReactHTML = \"div\",\n  M = undefined,\n> = (\n  props?: Merge<MotionProps<Y>, M>,\n  ref?: Ref<any>,\n) => MotionProps<Y> & RefAttributes<any>\n\nexport type RequiredMotionUIPropGetter<\n  Y extends keyof ReactHTML = \"div\",\n  M = undefined,\n> = (\n  props: Merge<MotionProps<Y>, M>,\n  ref?: Ref<any>,\n) => MotionProps<Y> & RefAttributes<any>\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/utils.d.mts

@@ -1,5 +1,7 @@
 import { Transition } from 'framer-motion';
-import { MotionTransitionProperties } from './motion.types.mjs';
+import { M as MotionTransitionProperties } from './motion-6FH35pOn.mjs';
+import '@yamada-ui/core';
+import 'react';
 import '@yamada-ui/utils';
 
 declare const MOTION_TRANSITION_EASINGS: {

package/dist/utils.d.ts

@@ -1,5 +1,7 @@
 import { Transition } from 'framer-motion';
-import { MotionTransitionProperties } from './motion.types.js';
+import { M as MotionTransitionProperties } from './motion-6FH35pOn.js';
+import '@yamada-ui/core';
+import 'react';
 import '@yamada-ui/utils';
 
 declare const MOTION_TRANSITION_EASINGS: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/motion",
-  "version": "1.0.2",
+  "version": "1.0.3-dev-20231230014952",
   "description": "Yamada UI motion components",
   "keywords": [
     "yamada",
@@ -37,8 +37,8 @@
   },
   "dependencies": {
     "framer-motion": "^9.1.7",
-    "@yamada-ui/core": "1.1.1",
-    "@yamada-ui/utils": "1.0.0"
+    "@yamada-ui/core": "1.1.2-dev-20231230014952",
+    "@yamada-ui/utils": "1.0.1-dev-20231230014952"
   },
   "devDependencies": {
     "react": "^18.0.0",

package/dist/chunk-BRU5IQGF.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/motion.tsx"],"sourcesContent":["import type { HTMLUIProps, OmitProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { HTMLMotionProps } from \"framer-motion\"\nimport { motion } from \"framer-motion\"\nimport type { ReactHTML } from \"react\"\n\ntype MotionOptions = {\n  as?: keyof typeof motion\n}\n\nexport type MotionProps<Y extends keyof ReactHTML = \"div\"> = OmitProps<\n  HTMLUIProps<Y>,\n  keyof HTMLMotionProps<Y>\n> &\n  HTMLMotionProps<Y> &\n  MotionOptions\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/styled-system/animation#motion\n */\nexport const Motion = forwardRef<MotionProps, \"div\", false>(\n  ({ as = \"div\", className, ...rest }, ref) => {\n    return (\n      <ui.div\n        as={motion[as]}\n        ref={ref}\n        className={cx(\"ui-motion\", className)}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AAEnB,SAAS,cAAc;AAsBjB;AAHC,IAAM,SAAS;AAAA,EACpB,CAAC,EAAE,KAAK,OAAO,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC3C,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC,IAAI,OAAO,EAAE;AAAA,QACb;AAAA,QACA,WAAW,GAAG,aAAa,SAAS;AAAA,QACnC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}