qstd 0.3.7 → 0.3.9

package/dist/react/index.js

@@ -597,7 +597,7 @@ var loadingIcons = Object.keys(loadingIconsMap);
 var Div = tags.div;
 var MotionDiv = motionTags.div;
 function MenuContainer(props) {
-  const { children, ...rest } = props;
+  const { children, onAnimationStart, onAnimationComplete, ...rest } = props;
   return /* @__PURE__ */ jsx(Div, { ...rest, role: "menu", "data-menu-container": true, children });
 }
 function Menu(props) {
@@ -1032,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,
@@ -1050,7 +1052,9 @@ var extractElAndStyles = (extract, anyProps) => {
     whileFocus,
     variants,
     custom,
-    transition: _motion ?? transition
+    transition: _motion ?? transition,
+    onAnimationStart,
+    onAnimationComplete
   } : void 0;
   const propsToOmit = [
     "loadingPosition",
@@ -1465,6 +1469,8 @@ function Radio(props) {
     options,
     renderOption,
     onKeyDown: onKeyDownProp,
+    onAnimationStart,
+    onAnimationComplete,
     ...rest
   } = props;
   const groupId = React13__default.useId();
@@ -1596,6 +1602,8 @@ function Item(props) {
     onClick: onClickProp,
     onFocus: onFocusProp,
     onBlur: onBlurProp,
+    onAnimationStart,
+    onAnimationComplete,
     ...rest
   } = props;
   const ctx = React13__default.useContext(RadioContext);
@@ -1754,13 +1762,10 @@ var Base3 = base;
 var isBrowser = typeof window !== "undefined";
 var useIsomorphicLayoutEffect = isBrowser ? React13__default.useLayoutEffect : React13__default.useEffect;
 function pick(props, obj) {
-  return props.reduce(
-    (acc, prop) => {
-      acc[prop] = obj[prop];
-      return acc;
-    },
-    {}
-  );
+  return props.reduce((acc, prop) => {
+    acc[prop] = obj[prop];
+    return acc;
+  }, {});
 }
 function assignRefs(targetRef, userRef) {
   return (node) => {
@@ -1881,6 +1886,8 @@ function Textarea(props) {
     children,
     _motion,
     error,
+    onAnimationStart,
+    onAnimationComplete,
     ...rest
   } = props;
   const isControlled = rest.value !== void 0;
@@ -1998,7 +2005,15 @@ function Textarea(props) {
   ] });
 }
 function Label(props) {
-  const { value, error, required, children, ...rest } = props;
+  const {
+    value,
+    error,
+    required,
+    children,
+    onAnimationStart,
+    onAnimationComplete,
+    ...rest
+  } = props;
   return /* @__PURE__ */ jsxs(
     Base3,
     {
@@ -2076,7 +2091,14 @@ var RightSideNameKey = "RightSide";
 var InputBase = tags.input;
 var Base4 = base;
 function Input(props) {
-  const { _motion, error, children, ...rest } = props;
+  const {
+    _motion,
+    error,
+    children,
+    onAnimationStart,
+    onAnimationComplete,
+    ...rest
+  } = props;
   const label = findChildrenByDisplayName(
     children,
     LabelNameKey2
@@ -2129,15 +2151,18 @@ function Input(props) {
   ] });
 }
 function LeftIcon(props) {
-  const remaining = omit(props, [
-    "iconPrefix",
-    "startIcon",
-    "endIcon",
-    "icon",
-    "spin",
-    "size",
-    "pulse"
-  ]);
+  const {
+    iconPrefix,
+    startIcon,
+    endIcon,
+    icon,
+    spin,
+    size,
+    pulse,
+    onAnimationStart,
+    onAnimationComplete,
+    ...remaining
+  } = props;
   return /* @__PURE__ */ jsx(
     Base4,
     {
@@ -2152,7 +2177,7 @@ function LeftIcon(props) {
 }
 LeftIcon.displayName = LeftSideNameKey;
 function RightSide(props) {
-  const { clearable, ...rest } = props;
+  const { clearable, onAnimationStart, onAnimationComplete, ...rest } = props;
   if (clearable && !props.value) return null;
   return /* @__PURE__ */ jsx(
     Base4,
@@ -2177,7 +2202,16 @@ function RightSide(props) {
 }
 RightSide.displayName = RightSideNameKey;
 function Label2(props) {
-  const { value, error, required, children, hasLeftIcon, ...rest } = props;
+  const {
+    value,
+    error,
+    required,
+    children,
+    hasLeftIcon,
+    onAnimationStart,
+    onAnimationComplete,
+    ...rest
+  } = props;
   const ml = hasLeftIcon ? 6 : 1;
   return /* @__PURE__ */ jsxs(
     Base4,
@@ -3258,7 +3292,14 @@ function SliderThumb(props) {
 SliderThumb.displayName = ThumbNameKey2;
 var Base5 = base;
 var TooltipContainer = React13__default.forwardRef(function TooltipContainer2(props, ref) {
-  const { children, className, style, ...rest } = props;
+  const {
+    children,
+    className,
+    style,
+    onAnimationStart,
+    onAnimationComplete,
+    ...rest
+  } = props;
   return /* @__PURE__ */ jsx(
     Base5,
     {
@@ -3620,7 +3661,7 @@ var Base6 = base;
 var Svg = motionTags.svg;
 var CheckboxBtn = motionTags.button;
 function Checkbox(props) {
-  const { children, onClick, ...rest } = props;
+  const { children, onClick, onAnimationStart, onAnimationComplete, ...rest } = props;
   const [checked, setChecked] = React13__default.useState(false);
   const [indeterminate, setIndeterminate] = React13__default.useState(false);
   React13__default.useEffect(() => {