qstd 0.3.5 → 0.3.8

package/dist/react/index.js

@@ -530,60 +530,61 @@ var tags = {
   blockquote: styled("blockquote"),
   pre: styled("pre")
 };
+var motionStyled = (tag) => motion(styled(tag));
 var motionTags = {
-  div: styled(motion.div),
-  a: styled(motion.a),
-  br: styled(motion.br),
-  button: styled(motion.button),
-  canvas: styled(motion.canvas),
-  form: styled(motion.form),
-  h1: styled(motion.h1),
-  h2: styled(motion.h2),
-  h3: styled(motion.h3),
-  hr: styled(motion.hr),
-  nav: styled(motion.nav),
-  main: styled(motion.main),
-  aside: styled(motion.aside),
-  article: styled(motion.article),
-  section: styled(motion.section),
-  details: styled(motion.details),
-  header: styled(motion.header),
-  footer: styled(motion.footer),
-  strong: styled(motion.strong),
-  em: styled(motion.em),
-  img: styled(motion.img),
-  del: styled(motion.del),
-  ins: styled(motion.ins),
-  kbd: styled(motion.kbd),
-  code: styled(motion.code),
-  mark: styled(motion.mark),
-  samp: styled(motion.samp),
-  small: styled(motion.small),
-  sub: styled(motion.sub),
-  sup: styled(motion.sup),
-  u: styled(motion.u),
-  var: styled(motion.var),
-  input: styled(motion.input),
-  label: styled(motion.label),
-  legend: styled(motion.legend),
-  p: styled(motion.p),
-  select: styled(motion.select),
-  span: styled(motion.span),
-  svg: styled(motion.svg),
-  textarea: styled(motion.textarea),
-  table: styled(motion.table),
-  tr: styled(motion.tr),
-  th: styled(motion.th),
-  td: styled(motion.td),
-  tbody: styled(motion.tbody),
-  thead: styled(motion.thead),
-  tfoot: styled(motion.tfoot),
-  progress: styled(motion.progress),
-  ol: styled(motion.ol),
-  ul: styled(motion.ul),
-  li: styled(motion.li),
-  blockquote: styled(motion.blockquote),
-  pre: styled(motion.pre)
+  div: motionStyled("div"),
+  a: motionStyled("a"),
+  br: motionStyled("br"),
+  button: motionStyled("button"),
+  canvas: motionStyled("canvas"),
+  form: motionStyled("form"),
+  h1: motionStyled("h1"),
+  h2: motionStyled("h2"),
+  h3: motionStyled("h3"),
+  hr: motionStyled("hr"),
+  nav: motionStyled("nav"),
+  main: motionStyled("main"),
+  aside: motionStyled("aside"),
+  article: motionStyled("article"),
+  section: motionStyled("section"),
+  details: motionStyled("details"),
+  header: motionStyled("header"),
+  footer: motionStyled("footer"),
+  strong: motionStyled("strong"),
+  em: motionStyled("em"),
+  img: motionStyled("img"),
+  del: motionStyled("del"),
+  ins: motionStyled("ins"),
+  kbd: motionStyled("kbd"),
+  code: motionStyled("code"),
+  mark: motionStyled("mark"),
+  samp: motionStyled("samp"),
+  small: motionStyled("small"),
+  sub: motionStyled("sub"),
+  sup: motionStyled("sup"),
+  u: motionStyled("u"),
+  var: motionStyled("var"),
+  input: motionStyled("input"),
+  label: motionStyled("label"),
+  legend: motionStyled("legend"),
+  p: motionStyled("p"),
+  select: motionStyled("select"),
+  span: motionStyled("span"),
+  svg: motionStyled("svg"),
+  textarea: motionStyled("textarea"),
+  table: motionStyled("table"),
+  tr: motionStyled("tr"),
+  th: motionStyled("th"),
+  td: motionStyled("td"),
+  tbody: motionStyled("tbody"),
+  thead: motionStyled("thead"),
+  tfoot: motionStyled("tfoot"),
+  progress: motionStyled("progress"),
+  ol: motionStyled("ol"),
+  ul: motionStyled("ul"),
+  li: motionStyled("li"),
+  blockquote: motionStyled("blockquote"),
+  pre: motionStyled("pre")
 };
 var loadingIconsMap = {
   rotatingLines: RotatingLines,
@@ -1031,13 +1032,15 @@ var extractElAndStyles = (extract, anyProps) => {
     transition,
     variants,
     custom,
+    onAnimationStart,
+    onAnimationComplete,
     ...rest
   } = anyProps;
   const asTag = anyProps.as;
   const effectiveEl = asTag && asTag in tags ? asTag : extract.el;
   const StdComp = tags[effectiveEl] || tags.div;
   const MotionComp = motionTags[effectiveEl] || motionTags.div;
-  const hasMotionProps = _motion !== void 0 || layout !== void 0 || initial !== void 0 || animate !== void 0 || exit !== void 0 || whileHover !== void 0 || whileTap !== void 0 || whileFocus !== void 0 || variants !== void 0 || transition !== void 0 || custom !== void 0;
+  const hasMotionProps = _motion !== void 0 || layout !== void 0 || initial !== void 0 || animate !== void 0 || exit !== void 0 || whileHover !== void 0 || whileTap !== void 0 || whileFocus !== void 0 || variants !== void 0 || transition !== void 0 || custom !== void 0 || onAnimationStart !== void 0 || onAnimationComplete !== void 0;
   const comp = hasMotionProps ? MotionComp : StdComp;
   const motionProps = hasMotionProps ? {
     layout,
@@ -1049,7 +1052,9 @@ var extractElAndStyles = (extract, anyProps) => {
     whileFocus,
     variants,
     custom,
-    transition: _motion ?? transition
+    transition: _motion ?? transition,
+    onAnimationStart,
+    onAnimationComplete
   } : void 0;
   const propsToOmit = [
     "loadingPosition",