@hanzo/ui 5.3.35 → 5.3.38

package/dist/animation/animated-number.js

@@ -1,283 +1,2 @@
 "use client";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var react$1 = require('motion/react');
-var utils = require('@/lib/utils');
-var jsxRuntime = require('react/jsx-runtime');
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function usePrefersReducedMotion() {
-  const [prefersReducedMotion, setPrefersReducedMotion] = react.useState(false);
-  react.useEffect(() => {
-    if (typeof window === "undefined") return;
-    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-    setPrefersReducedMotion(mediaQuery.matches);
-    const handleChange = /* @__PURE__ */ __name((event) => {
-      setPrefersReducedMotion(event.matches);
-    }, "handleChange");
-    mediaQuery.addEventListener("change", handleChange);
-    return () => mediaQuery.removeEventListener("change", handleChange);
-  }, []);
-  return prefersReducedMotion;
-}
-__name(usePrefersReducedMotion, "usePrefersReducedMotion");
-function useAnimatedNumber(targetValue, from, duration, decimals, format, currency, locale, easing, autoStart, useSpringAnim, springConfig, separator) {
-  const [displayValue, setDisplayValue] = react.useState(from);
-  const [isAnimating, setIsAnimating] = react.useState(false);
-  const animationRef = react.useRef(null);
-  const prefersReducedMotion = usePrefersReducedMotion();
-  const springValue = react$1.useSpring(from, {
-    stiffness: springConfig.tension || 100,
-    damping: springConfig.friction || 10,
-    mass: springConfig.mass || 1
-  });
-  const [motionValue, setMotionValue] = react.useState(from);
-  const startAnimation = react.useCallback(() => {
-    if (prefersReducedMotion) {
-      setDisplayValue(targetValue);
-      return;
-    }
-    setIsAnimating(true);
-    if (useSpringAnim) {
-      springValue.set(targetValue);
-    } else {
-      const startTime = Date.now();
-      const startValue = displayValue;
-      const distance = targetValue - startValue;
-      const animate = /* @__PURE__ */ __name(() => {
-        const elapsed = Date.now() - startTime;
-        const progress = Math.min(elapsed / duration, 1);
-        const easedProgress = progress;
-        const currentValue = startValue + distance * easedProgress;
-        setDisplayValue(currentValue);
-        setMotionValue(currentValue);
-        if (progress < 1) {
-          animationRef.current = requestAnimationFrame(animate);
-        } else {
-          setIsAnimating(false);
-          animationRef.current = null;
-        }
-      }, "animate");
-      animationRef.current = requestAnimationFrame(animate);
-    }
-  }, [
-    targetValue,
-    displayValue,
-    duration,
-    useSpringAnim,
-    springValue,
-    prefersReducedMotion
-  ]);
-  react.useEffect(() => {
-    return () => {
-      if (animationRef.current) {
-        cancelAnimationFrame(animationRef.current);
-      }
-    };
-  }, []);
-  react.useEffect(() => {
-    if (useSpringAnim) {
-      const unsubscribe = springValue.onChange((latest) => {
-        setDisplayValue(latest);
-        if (Math.abs(latest - targetValue) < 0.01) {
-          setIsAnimating(false);
-        }
-      });
-      return () => {
-        unsubscribe();
-      };
-    }
-  }, [springValue, useSpringAnim, targetValue]);
-  react.useEffect(() => {
-    if (autoStart) {
-      startAnimation();
-    }
-  }, [autoStart, startAnimation]);
-  const formattedValue = react.useMemo(() => {
-    const roundedValue = Math.round(displayValue * Math.pow(10, decimals)) / Math.pow(10, decimals);
-    try {
-      switch (format) {
-        case "currency":
-          return new Intl.NumberFormat(locale, {
-            style: "currency",
-            currency,
-            minimumFractionDigits: decimals,
-            maximumFractionDigits: decimals
-          }).format(roundedValue);
-        case "percent":
-          return new Intl.NumberFormat(locale, {
-            style: "percent",
-            minimumFractionDigits: decimals,
-            maximumFractionDigits: decimals
-          }).format(roundedValue / 100);
-        default:
-          let formatted = new Intl.NumberFormat(locale, {
-            minimumFractionDigits: decimals,
-            maximumFractionDigits: decimals
-          }).format(roundedValue);
-          if (separator && separator !== ",") {
-            formatted = formatted.replace(/,/g, separator);
-          }
-          return formatted;
-      }
-    } catch (error) {
-      return roundedValue.toFixed(decimals);
-    }
-  }, [displayValue, decimals, format, currency, locale, separator]);
-  return {
-    formattedValue,
-    displayValue,
-    isAnimating,
-    startAnimation
-  };
-}
-__name(useAnimatedNumber, "useAnimatedNumber");
-function AnimatedNumber({
-  value,
-  from = 0,
-  duration = 2e3,
-  decimals = 0,
-  format = "number",
-  currency = "USD",
-  locale = "en-US",
-  easing = "easeOut",
-  autoStart = true,
-  onComplete,
-  className,
-  style,
-  prefix = "",
-  suffix = "",
-  useSpring: useSpring2 = false,
-  springConfig = {},
-  separator,
-  animateOnHover = false,
-  hoverValue
-}) {
-  const [isHovered, setIsHovered] = react.useState(false);
-  const [animationKey, setAnimationKey] = react.useState(0);
-  const currentValue = animateOnHover && isHovered && hoverValue !== void 0 ? hoverValue : value;
-  const { formattedValue, displayValue, isAnimating, startAnimation } = useAnimatedNumber(
-    currentValue,
-    from,
-    duration,
-    decimals,
-    format,
-    currency,
-    locale,
-    easing,
-    autoStart,
-    useSpring2,
-    springConfig,
-    separator
-  );
-  react.useEffect(() => {
-    if (!isAnimating && onComplete && Math.abs(displayValue - currentValue) < 1e-3) {
-      onComplete(displayValue);
-    }
-  }, [isAnimating, displayValue, currentValue, onComplete]);
-  react.useEffect(() => {
-    if (animateOnHover && hoverValue !== void 0) {
-      startAnimation();
-    }
-  }, [isHovered, animateOnHover, hoverValue, startAnimation]);
-  const handleMouseEnter = /* @__PURE__ */ __name(() => {
-    if (animateOnHover) {
-      setIsHovered(true);
-    }
-  }, "handleMouseEnter");
-  const handleMouseLeave = /* @__PURE__ */ __name(() => {
-    if (animateOnHover) {
-      setIsHovered(false);
-    }
-  }, "handleMouseLeave");
-  const prefersReducedMotion = usePrefersReducedMotion();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    react$1.motion.span,
-    {
-      className: utils.cn("inline-block tabular-nums", className),
-      style,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      initial: { scale: 1 },
-      animate: !prefersReducedMotion && isAnimating ? { scale: [1, 1.05, 1] } : { scale: 1 },
-      transition: { duration: 0.3 },
-      children: [
-        prefix,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.motion.span,
-          {
-            initial: { opacity: 0, y: 20 },
-            animate: { opacity: 1, y: 0 },
-            transition: { duration: 0.3 },
-            children: formattedValue
-          },
-          animationKey
-        ),
-        suffix
-      ]
-    }
-  );
-}
-__name(AnimatedNumber, "AnimatedNumber");
-function AnimatedCounter({
-  initialValue = 0,
-  min = -Infinity,
-  max = Infinity,
-  step = 1,
-  showControls = true,
-  incrementButton,
-  decrementButton,
-  onChange,
-  className,
-  ...props
-}) {
-  const [currentValue, setCurrentValue] = react.useState(initialValue);
-  const increment = /* @__PURE__ */ __name(() => {
-    const newValue = Math.min(currentValue + step, max);
-    setCurrentValue(newValue);
-    onChange?.(newValue);
-  }, "increment");
-  const decrement = /* @__PURE__ */ __name(() => {
-    const newValue = Math.max(currentValue - step, min);
-    setCurrentValue(newValue);
-    onChange?.(newValue);
-  }, "decrement");
-  if (!showControls) {
-    return /* @__PURE__ */ jsxRuntime.jsx(AnimatedNumber, { value: currentValue, className, ...props });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.button,
-      {
-        onClick: decrement,
-        disabled: currentValue <= min,
-        className: "flex h-8 w-8 items-center justify-center rounded border bg-background hover:bg-accent disabled:opacity-50",
-        whileTap: { scale: 0.95 },
-        whileHover: { scale: 1.05 },
-        children: decrementButton || "\u2212"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(AnimatedNumber, { value: currentValue, ...props }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.button,
-      {
-        onClick: increment,
-        disabled: currentValue >= max,
-        className: "flex h-8 w-8 items-center justify-center rounded border bg-background hover:bg-accent disabled:opacity-50",
-        whileTap: { scale: 0.95 },
-        whileHover: { scale: 1.05 },
-        children: incrementButton || "+"
-      }
-    )
-  ] });
-}
-__name(AnimatedCounter, "AnimatedCounter");
-var number_default = AnimatedNumber;
-
-exports.AnimatedCounter = AnimatedCounter;
-exports.AnimatedNumber = AnimatedNumber;
-exports.default = number_default;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),react$1=require('motion/react'),utils=require('@/lib/utils'),jsxRuntime=require('react/jsx-runtime');var K=Object.defineProperty;var u=(n,t)=>K(n,"name",{value:t,configurable:true});function O(){let[n,t]=react.useState(false);return react.useEffect(()=>{if(typeof window>"u")return;let o=window.matchMedia("(prefers-reduced-motion: reduce)");t(o.matches);let e=u(f=>{t(f.matches);},"handleChange");return o.addEventListener("change",e),()=>o.removeEventListener("change",e)},[]),n}u(O,"usePrefersReducedMotion");function z(n,t,o,e,f,w,b,F,g,a,r,c){let[m,y]=react.useState(t),[l,N]=react.useState(false),h=react.useRef(null),p=O(),d=react$1.useSpring(t,{stiffness:r.tension||100,damping:r.friction||10,mass:r.mass||1}),[E,I]=react.useState(t),A=react.useCallback(()=>{if(p){y(n);return}if(N(true),a)d.set(n);else {let s=Date.now(),i=m,R=n-i,v=u(()=>{let D=Date.now()-s,P=Math.min(D/o,1),C=i+R*P;y(C),I(C),P<1?h.current=requestAnimationFrame(v):(N(false),h.current=null);},"animate");h.current=requestAnimationFrame(v);}},[n,m,o,a,d,p]);return react.useEffect(()=>()=>{h.current&&cancelAnimationFrame(h.current);},[]),react.useEffect(()=>{if(a){let s=d.onChange(i=>{y(i),Math.abs(i-n)<.01&&N(false);});return ()=>{s();}}},[d,a,n]),react.useEffect(()=>{g&&A();},[g,A]),{formattedValue:react.useMemo(()=>{let s=Math.round(m*Math.pow(10,e))/Math.pow(10,e);try{switch(f){case "currency":return new Intl.NumberFormat(b,{style:"currency",currency:w,minimumFractionDigits:e,maximumFractionDigits:e}).format(s);case "percent":return new Intl.NumberFormat(b,{style:"percent",minimumFractionDigits:e,maximumFractionDigits:e}).format(s/100);default:let i=new Intl.NumberFormat(b,{minimumFractionDigits:e,maximumFractionDigits:e}).format(s);return c&&c!==","&&(i=i.replace(/,/g,c)),i}}catch{return s.toFixed(e)}},[m,e,f,w,b,c]),displayValue:m,isAnimating:l,startAnimation:A}}u(z,"useAnimatedNumber");function L({value:n,from:t=0,duration:o=2e3,decimals:e=0,format:f="number",currency:w="USD",locale:b="en-US",easing:F="easeOut",autoStart:g=true,onComplete:a,className:r,style:c,prefix:m="",suffix:y="",useSpring:l=false,springConfig:N={},separator:h,animateOnHover:p=false,hoverValue:d}){let[E,I]=react.useState(false),[A,B]=react.useState(0),s=p&&E&&d!==void 0?d:n,{formattedValue:i,displayValue:R,isAnimating:v,startAnimation:D}=z(s,t,o,e,f,w,b,F,g,l,N,h);react.useEffect(()=>{!v&&a&&Math.abs(R-s)<.001&&a(R);},[v,R,s,a]),react.useEffect(()=>{p&&d!==void 0&&D();},[E,p,d,D]);let P=u(()=>{p&&I(true);},"handleMouseEnter"),S=u(()=>{p&&I(false);},"handleMouseLeave"),C=O();return jsxRuntime.jsxs(react$1.motion.span,{className:utils.cn("inline-block tabular-nums",r),style:c,onMouseEnter:P,onMouseLeave:S,initial:{scale:1},animate:!C&&v?{scale:[1,1.05,1]}:{scale:1},transition:{duration:.3},children:[m,jsxRuntime.jsx(react$1.motion.span,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3},children:i},A),y]})}u(L,"AnimatedNumber");function $({initialValue:n=0,min:t=-1/0,max:o=1/0,step:e=1,showControls:f=true,incrementButton:w,decrementButton:b,onChange:F,className:g,...a}){let[r,c]=react.useState(n),m=u(()=>{let l=Math.min(r+e,o);c(l),F?.(l);},"increment"),y=u(()=>{let l=Math.max(r-e,t);c(l),F?.(l);},"decrement");return f?jsxRuntime.jsxs("div",{className:utils.cn("flex items-center gap-2",g),children:[jsxRuntime.jsx(react$1.motion.button,{onClick:y,disabled:r<=t,className:"flex h-8 w-8 items-center justify-center rounded border bg-background hover:bg-accent disabled:opacity-50",whileTap:{scale:.95},whileHover:{scale:1.05},children:b||"\u2212"}),jsxRuntime.jsx(L,{value:r,...a}),jsxRuntime.jsx(react$1.motion.button,{onClick:m,disabled:r>=o,className:"flex h-8 w-8 items-center justify-center rounded border bg-background hover:bg-accent disabled:opacity-50",whileTap:{scale:.95},whileHover:{scale:1.05},children:w||"+"})]}):jsxRuntime.jsx(L,{value:r,className:g,...a})}u($,"AnimatedCounter");var ee=L;exports.AnimatedCounter=$;exports.AnimatedNumber=L;exports.default=ee;

package/dist/animation/animated-number.mjs

@@ -1,277 +1,2 @@
 "use client";
-import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
-import { motion, useSpring } from 'motion/react';
-import { cn } from '@/lib/utils';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function usePrefersReducedMotion() {
-  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-    setPrefersReducedMotion(mediaQuery.matches);
-    const handleChange = /* @__PURE__ */ __name((event) => {
-      setPrefersReducedMotion(event.matches);
-    }, "handleChange");
-    mediaQuery.addEventListener("change", handleChange);
-    return () => mediaQuery.removeEventListener("change", handleChange);
-  }, []);
-  return prefersReducedMotion;
-}
-__name(usePrefersReducedMotion, "usePrefersReducedMotion");
-function useAnimatedNumber(targetValue, from, duration, decimals, format, currency, locale, easing, autoStart, useSpringAnim, springConfig, separator) {
-  const [displayValue, setDisplayValue] = useState(from);
-  const [isAnimating, setIsAnimating] = useState(false);
-  const animationRef = useRef(null);
-  const prefersReducedMotion = usePrefersReducedMotion();
-  const springValue = useSpring(from, {
-    stiffness: springConfig.tension || 100,
-    damping: springConfig.friction || 10,
-    mass: springConfig.mass || 1
-  });
-  const [motionValue, setMotionValue] = useState(from);
-  const startAnimation = useCallback(() => {
-    if (prefersReducedMotion) {
-      setDisplayValue(targetValue);
-      return;
-    }
-    setIsAnimating(true);
-    if (useSpringAnim) {
-      springValue.set(targetValue);
-    } else {
-      const startTime = Date.now();
-      const startValue = displayValue;
-      const distance = targetValue - startValue;
-      const animate = /* @__PURE__ */ __name(() => {
-        const elapsed = Date.now() - startTime;
-        const progress = Math.min(elapsed / duration, 1);
-        const easedProgress = progress;
-        const currentValue = startValue + distance * easedProgress;
-        setDisplayValue(currentValue);
-        setMotionValue(currentValue);
-        if (progress < 1) {
-          animationRef.current = requestAnimationFrame(animate);
-        } else {
-          setIsAnimating(false);
-          animationRef.current = null;
-        }
-      }, "animate");
-      animationRef.current = requestAnimationFrame(animate);
-    }
-  }, [
-    targetValue,
-    displayValue,
-    duration,
-    useSpringAnim,
-    springValue,
-    prefersReducedMotion
-  ]);
-  useEffect(() => {
-    return () => {
-      if (animationRef.current) {
-        cancelAnimationFrame(animationRef.current);
-      }
-    };
-  }, []);
-  useEffect(() => {
-    if (useSpringAnim) {
-      const unsubscribe = springValue.onChange((latest) => {
-        setDisplayValue(latest);
-        if (Math.abs(latest - targetValue) < 0.01) {
-          setIsAnimating(false);
-        }
-      });
-      return () => {
-        unsubscribe();
-      };
-    }
-  }, [springValue, useSpringAnim, targetValue]);
-  useEffect(() => {
-    if (autoStart) {
-      startAnimation();
-    }
-  }, [autoStart, startAnimation]);
-  const formattedValue = useMemo(() => {
-    const roundedValue = Math.round(displayValue * Math.pow(10, decimals)) / Math.pow(10, decimals);
-    try {
-      switch (format) {
-        case "currency":
-          return new Intl.NumberFormat(locale, {
-            style: "currency",
-            currency,
-            minimumFractionDigits: decimals,
-            maximumFractionDigits: decimals
-          }).format(roundedValue);
-        case "percent":
-          return new Intl.NumberFormat(locale, {
-            style: "percent",
-            minimumFractionDigits: decimals,
-            maximumFractionDigits: decimals
-          }).format(roundedValue / 100);
-        default:
-          let formatted = new Intl.NumberFormat(locale, {
-            minimumFractionDigits: decimals,
-            maximumFractionDigits: decimals
-          }).format(roundedValue);
-          if (separator && separator !== ",") {
-            formatted = formatted.replace(/,/g, separator);
-          }
-          return formatted;
-      }
-    } catch (error) {
-      return roundedValue.toFixed(decimals);
-    }
-  }, [displayValue, decimals, format, currency, locale, separator]);
-  return {
-    formattedValue,
-    displayValue,
-    isAnimating,
-    startAnimation
-  };
-}
-__name(useAnimatedNumber, "useAnimatedNumber");
-function AnimatedNumber({
-  value,
-  from = 0,
-  duration = 2e3,
-  decimals = 0,
-  format = "number",
-  currency = "USD",
-  locale = "en-US",
-  easing = "easeOut",
-  autoStart = true,
-  onComplete,
-  className,
-  style,
-  prefix = "",
-  suffix = "",
-  useSpring: useSpring2 = false,
-  springConfig = {},
-  separator,
-  animateOnHover = false,
-  hoverValue
-}) {
-  const [isHovered, setIsHovered] = useState(false);
-  const [animationKey, setAnimationKey] = useState(0);
-  const currentValue = animateOnHover && isHovered && hoverValue !== void 0 ? hoverValue : value;
-  const { formattedValue, displayValue, isAnimating, startAnimation } = useAnimatedNumber(
-    currentValue,
-    from,
-    duration,
-    decimals,
-    format,
-    currency,
-    locale,
-    easing,
-    autoStart,
-    useSpring2,
-    springConfig,
-    separator
-  );
-  useEffect(() => {
-    if (!isAnimating && onComplete && Math.abs(displayValue - currentValue) < 1e-3) {
-      onComplete(displayValue);
-    }
-  }, [isAnimating, displayValue, currentValue, onComplete]);
-  useEffect(() => {
-    if (animateOnHover && hoverValue !== void 0) {
-      startAnimation();
-    }
-  }, [isHovered, animateOnHover, hoverValue, startAnimation]);
-  const handleMouseEnter = /* @__PURE__ */ __name(() => {
-    if (animateOnHover) {
-      setIsHovered(true);
-    }
-  }, "handleMouseEnter");
-  const handleMouseLeave = /* @__PURE__ */ __name(() => {
-    if (animateOnHover) {
-      setIsHovered(false);
-    }
-  }, "handleMouseLeave");
-  const prefersReducedMotion = usePrefersReducedMotion();
-  return /* @__PURE__ */ jsxs(
-    motion.span,
-    {
-      className: cn("inline-block tabular-nums", className),
-      style,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      initial: { scale: 1 },
-      animate: !prefersReducedMotion && isAnimating ? { scale: [1, 1.05, 1] } : { scale: 1 },
-      transition: { duration: 0.3 },
-      children: [
-        prefix,
-        /* @__PURE__ */ jsx(
-          motion.span,
-          {
-            initial: { opacity: 0, y: 20 },
-            animate: { opacity: 1, y: 0 },
-            transition: { duration: 0.3 },
-            children: formattedValue
-          },
-          animationKey
-        ),
-        suffix
-      ]
-    }
-  );
-}
-__name(AnimatedNumber, "AnimatedNumber");
-function AnimatedCounter({
-  initialValue = 0,
-  min = -Infinity,
-  max = Infinity,
-  step = 1,
-  showControls = true,
-  incrementButton,
-  decrementButton,
-  onChange,
-  className,
-  ...props
-}) {
-  const [currentValue, setCurrentValue] = useState(initialValue);
-  const increment = /* @__PURE__ */ __name(() => {
-    const newValue = Math.min(currentValue + step, max);
-    setCurrentValue(newValue);
-    onChange?.(newValue);
-  }, "increment");
-  const decrement = /* @__PURE__ */ __name(() => {
-    const newValue = Math.max(currentValue - step, min);
-    setCurrentValue(newValue);
-    onChange?.(newValue);
-  }, "decrement");
-  if (!showControls) {
-    return /* @__PURE__ */ jsx(AnimatedNumber, { value: currentValue, className, ...props });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsx(
-      motion.button,
-      {
-        onClick: decrement,
-        disabled: currentValue <= min,
-        className: "flex h-8 w-8 items-center justify-center rounded border bg-background hover:bg-accent disabled:opacity-50",
-        whileTap: { scale: 0.95 },
-        whileHover: { scale: 1.05 },
-        children: decrementButton || "\u2212"
-      }
-    ),
-    /* @__PURE__ */ jsx(AnimatedNumber, { value: currentValue, ...props }),
-    /* @__PURE__ */ jsx(
-      motion.button,
-      {
-        onClick: increment,
-        disabled: currentValue >= max,
-        className: "flex h-8 w-8 items-center justify-center rounded border bg-background hover:bg-accent disabled:opacity-50",
-        whileTap: { scale: 0.95 },
-        whileHover: { scale: 1.05 },
-        children: incrementButton || "+"
-      }
-    )
-  ] });
-}
-__name(AnimatedCounter, "AnimatedCounter");
-var number_default = AnimatedNumber;
-
-export { AnimatedCounter, AnimatedNumber, number_default as default };
+import {useState,useEffect,useRef,useCallback,useMemo}from'react';import {motion,useSpring}from'motion/react';import {cn}from'@/lib/utils';import {jsxs,jsx}from'react/jsx-runtime';var K=Object.defineProperty;var u=(n,t)=>K(n,"name",{value:t,configurable:true});function O(){let[n,t]=useState(false);return useEffect(()=>{if(typeof window>"u")return;let o=window.matchMedia("(prefers-reduced-motion: reduce)");t(o.matches);let e=u(f=>{t(f.matches);},"handleChange");return o.addEventListener("change",e),()=>o.removeEventListener("change",e)},[]),n}u(O,"usePrefersReducedMotion");function z(n,t,o,e,f,w,b,F,g,a,r,c){let[m,y]=useState(t),[l,N]=useState(false),h=useRef(null),p=O(),d=useSpring(t,{stiffness:r.tension||100,damping:r.friction||10,mass:r.mass||1}),[E,I]=useState(t),A=useCallback(()=>{if(p){y(n);return}if(N(true),a)d.set(n);else {let s=Date.now(),i=m,R=n-i,v=u(()=>{let D=Date.now()-s,P=Math.min(D/o,1),C=i+R*P;y(C),I(C),P<1?h.current=requestAnimationFrame(v):(N(false),h.current=null);},"animate");h.current=requestAnimationFrame(v);}},[n,m,o,a,d,p]);return useEffect(()=>()=>{h.current&&cancelAnimationFrame(h.current);},[]),useEffect(()=>{if(a){let s=d.onChange(i=>{y(i),Math.abs(i-n)<.01&&N(false);});return ()=>{s();}}},[d,a,n]),useEffect(()=>{g&&A();},[g,A]),{formattedValue:useMemo(()=>{let s=Math.round(m*Math.pow(10,e))/Math.pow(10,e);try{switch(f){case "currency":return new Intl.NumberFormat(b,{style:"currency",currency:w,minimumFractionDigits:e,maximumFractionDigits:e}).format(s);case "percent":return new Intl.NumberFormat(b,{style:"percent",minimumFractionDigits:e,maximumFractionDigits:e}).format(s/100);default:let i=new Intl.NumberFormat(b,{minimumFractionDigits:e,maximumFractionDigits:e}).format(s);return c&&c!==","&&(i=i.replace(/,/g,c)),i}}catch{return s.toFixed(e)}},[m,e,f,w,b,c]),displayValue:m,isAnimating:l,startAnimation:A}}u(z,"useAnimatedNumber");function L({value:n,from:t=0,duration:o=2e3,decimals:e=0,format:f="number",currency:w="USD",locale:b="en-US",easing:F="easeOut",autoStart:g=true,onComplete:a,className:r,style:c,prefix:m="",suffix:y="",useSpring:l=false,springConfig:N={},separator:h,animateOnHover:p=false,hoverValue:d}){let[E,I]=useState(false),[A,B]=useState(0),s=p&&E&&d!==void 0?d:n,{formattedValue:i,displayValue:R,isAnimating:v,startAnimation:D}=z(s,t,o,e,f,w,b,F,g,l,N,h);useEffect(()=>{!v&&a&&Math.abs(R-s)<.001&&a(R);},[v,R,s,a]),useEffect(()=>{p&&d!==void 0&&D();},[E,p,d,D]);let P=u(()=>{p&&I(true);},"handleMouseEnter"),S=u(()=>{p&&I(false);},"handleMouseLeave"),C=O();return jsxs(motion.span,{className:cn("inline-block tabular-nums",r),style:c,onMouseEnter:P,onMouseLeave:S,initial:{scale:1},animate:!C&&v?{scale:[1,1.05,1]}:{scale:1},transition:{duration:.3},children:[m,jsx(motion.span,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3},children:i},A),y]})}u(L,"AnimatedNumber");function $({initialValue:n=0,min:t=-1/0,max:o=1/0,step:e=1,showControls:f=true,incrementButton:w,decrementButton:b,onChange:F,className:g,...a}){let[r,c]=useState(n),m=u(()=>{let l=Math.min(r+e,o);c(l),F?.(l);},"increment"),y=u(()=>{let l=Math.max(r-e,t);c(l),F?.(l);},"decrement");return f?jsxs("div",{className:cn("flex items-center gap-2",g),children:[jsx(motion.button,{onClick:y,disabled:r<=t,className:"flex h-8 w-8 items-center justify-center rounded border bg-background hover:bg-accent disabled:opacity-50",whileTap:{scale:.95},whileHover:{scale:1.05},children:b||"\u2212"}),jsx(L,{value:r,...a}),jsx(motion.button,{onClick:m,disabled:r>=o,className:"flex h-8 w-8 items-center justify-center rounded border bg-background hover:bg-accent disabled:opacity-50",whileTap:{scale:.95},whileHover:{scale:1.05},children:w||"+"})]}):jsx(L,{value:r,className:g,...a})}u($,"AnimatedCounter");var ee=L;export{$ as AnimatedCounter,L as AnimatedNumber,ee as default};

package/dist/animation/animated-testimonials.js

@@ -1,97 +1,2 @@
 "use client";
-'use strict';
-
-var React = require('react');
-var react = require('motion/react');
-var utils = require('@hanzo/ui/lib/utils');
-var avatar = require('@hanzo/ui/primitives/avatar');
-var ui = require('@hanzo/ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var AnimatedTestimonials = React__namespace.forwardRef(
-  ({ className, testimonials, autoPlay = true, duration = 5e3, ...props }, ref) => {
-    const [activeIndex, setActiveIndex] = React__namespace.useState(0);
-    React__namespace.useEffect(() => {
-      if (!autoPlay) return;
-      const interval = setInterval(() => {
-        setActiveIndex((prev) => (prev + 1) % testimonials.length);
-      }, duration);
-      return () => clearInterval(interval);
-    }, [autoPlay, duration, testimonials.length]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: utils.cn("relative min-h-[200px]", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
-            react.motion.div,
-            {
-              initial: { opacity: 0, y: 20 },
-              animate: { opacity: 1, y: 0 },
-              exit: { opacity: 0, y: -20 },
-              transition: { duration: 0.5 },
-              children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { className: "pt-6", children: /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg italic", children: [
-                  '"',
-                  testimonials[activeIndex].content,
-                  '"'
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "flex items-center gap-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: testimonials[activeIndex].avatar }),
-                    /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { children: testimonials[activeIndex].author.slice(0, 2).toUpperCase() })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("cite", { className: "not-italic font-medium", children: testimonials[activeIndex].author }),
-                    testimonials[activeIndex].role && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
-                      testimonials[activeIndex].role,
-                      testimonials[activeIndex].company && `, ${testimonials[activeIndex].company}`
-                    ] })
-                  ] })
-                ] })
-              ] }) }) })
-            },
-            activeIndex
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center gap-2", children: testimonials.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: () => setActiveIndex(index),
-              className: utils.cn(
-                "h-2 w-2 rounded-full transition-all",
-                index === activeIndex ? "w-8 bg-primary" : "bg-muted hover:bg-muted-foreground"
-              ),
-              "aria-label": `Go to testimonial ${index + 1}`
-            },
-            index
-          )) })
-        ]
-      }
-    );
-  }
-);
-AnimatedTestimonials.displayName = "AnimatedTestimonials";
-
-exports.AnimatedTestimonials = AnimatedTestimonials;
+'use strict';var i=require('react'),react=require('motion/react'),utils=require('@hanzo/ui/lib/utils'),avatar=require('@hanzo/ui/primitives/avatar'),ui=require('@hanzo/ui'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var i__namespace=/*#__PURE__*/_interopNamespace(i);var T=i__namespace.forwardRef(({className:d,testimonials:e,autoPlay:n=true,duration:c=5e3,...p},u)=>{let[t,m]=i__namespace.useState(0);return i__namespace.useEffect(()=>{if(!n)return;let l=setInterval(()=>{m(o=>(o+1)%e.length);},c);return ()=>clearInterval(l)},[n,c,e.length]),jsxRuntime.jsxs("div",{ref:u,className:utils.cn("relative min-h-[200px]",d),...p,children:[jsxRuntime.jsx(react.AnimatePresence,{mode:"wait",children:jsxRuntime.jsx(react.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.5},children:jsxRuntime.jsx(ui.Card,{children:jsxRuntime.jsx(ui.CardContent,{className:"pt-6",children:jsxRuntime.jsxs("blockquote",{className:"space-y-4",children:[jsxRuntime.jsxs("p",{className:"text-lg italic",children:['"',e[t].content,'"']}),jsxRuntime.jsxs("footer",{className:"flex items-center gap-4",children:[jsxRuntime.jsxs(avatar.Avatar,{children:[jsxRuntime.jsx(avatar.AvatarImage,{src:e[t].avatar}),jsxRuntime.jsx(avatar.AvatarFallback,{children:e[t].author.slice(0,2).toUpperCase()})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("cite",{className:"not-italic font-medium",children:e[t].author}),e[t].role&&jsxRuntime.jsxs("p",{className:"text-sm text-muted-foreground",children:[e[t].role,e[t].company&&`, ${e[t].company}`]})]})]})]})})})},t)}),jsxRuntime.jsx("div",{className:"mt-4 flex justify-center gap-2",children:e.map((l,o)=>jsxRuntime.jsx("button",{onClick:()=>m(o),className:utils.cn("h-2 w-2 rounded-full transition-all",o===t?"w-8 bg-primary":"bg-muted hover:bg-muted-foreground"),"aria-label":`Go to testimonial ${o+1}`},o))})]})});T.displayName="AnimatedTestimonials";exports.AnimatedTestimonials=T;