@yamada-ui/motion/dist/chunk-B4RBFVQG.mjs

Yamada UI motion components

"use client"
import {
  motionForwardRef
} from "./chunk-RXCU3ZFK.mjs";

// src/motion.tsx
import { ui } from "@yamada-ui/core";
import { cx } from "@yamada-ui/utils";
import { motion } from "motion/react";
import { useMemo } from "react";
import { jsx } from "react/jsx-runtime";
var disableStyleProps = ["transition"];
var disableStyleProp = (prop) => disableStyleProps.includes(prop);
var Component = ui("div", { disableStyleProp });
var Motion = motionForwardRef(
  ({ as: asProp = "div", className, ...rest }, ref) => {
    const as = useMemo(() => motion.create(asProp), [asProp]);
    return /* @__PURE__ */ jsx(
      Component,
      {
        ref,
        as,
        className: cx("ui-motion", className),
        ...rest
      }
    );
  }
);
Motion.displayName = "Motion";
Motion.__ui__ = "Motion";

export {
  Motion
};
//# sourceMappingURL=chunk-B4RBFVQG.mjs.map