pelatform-ui 1.4.2 → 1.5.0

package/README.md

@@ -33,7 +33,7 @@ bun add react react-dom
 
 ```typescript
 // React hooks
-import { useHydrated, useMobile, useMediaQuery } from "pelatform-ui/hooks";
+import { useHydrated, useIsMobile, useMediaQuery } from "pelatform-ui/hooks";
 
 // Animation components
 import {

package/dist/animation.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ComponentPropsWithoutRef, ReactNode, ElementType } from 'react';
 import { UseInViewOptions, SpringOptions, HTMLMotionProps, Transition, MotionProps } from 'motion/react';
@@ -22,9 +21,9 @@ interface AvatarGroupTooltipProps {
     children: React.ReactNode;
     className?: string;
 }
-declare function AvatarGroup({ children, className, tooltipClassName, animation, }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
-declare function AvatarGroupItem({ children, className, tooltipClassName, animation: itemAnimation, }: AvatarGroupItemProps): react_jsx_runtime.JSX.Element;
-declare function AvatarGroupTooltip({ children, className }: AvatarGroupTooltipProps): react_jsx_runtime.JSX.Element;
+declare function AvatarGroup({ children, className, tooltipClassName, animation, }: AvatarGroupProps): React.JSX.Element;
+declare function AvatarGroupItem({ children, className, tooltipClassName, animation: itemAnimation, }: AvatarGroupItemProps): React.JSX.Element;
+declare function AvatarGroupTooltip({ children, className }: AvatarGroupTooltipProps): React.JSX.Element;
 
 interface CountingNumberProps {
     from?: number;
@@ -38,7 +37,7 @@ interface CountingNumberProps {
     onComplete?: () => void;
     format?: (value: number) => string;
 }
-declare function CountingNumber({ from, to, duration, delay, className, startOnView, once, inViewMargin, onComplete, format, ...props }: CountingNumberProps): react_jsx_runtime.JSX.Element;
+declare function CountingNumber({ from, to, duration, delay, className, startOnView, once, inViewMargin, onComplete, format, ...props }: CountingNumberProps): React.JSX.Element;
 
 declare const githubButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
@@ -82,12 +81,12 @@ interface GithubButtonProps extends React__default.ComponentProps<"button">, Var
     /** Spring transition options */
     transition?: SpringOptions;
 }
-declare function GithubButton({ initialStars, targetStars, starsClass, fixedWidth, animationDuration, animationDelay, autoAnimate, className, variant, size, showGithubIcon, showStarIcon, roundStars, separator, filled, repoUrl, onClick, label, useInViewTrigger, inViewOptions, transition, ...props }: GithubButtonProps): react_jsx_runtime.JSX.Element;
+declare function GithubButton({ initialStars, targetStars, starsClass, fixedWidth, animationDuration, animationDelay, autoAnimate, className, variant, size, showGithubIcon, showStarIcon, roundStars, separator, filled, repoUrl, onClick, label, useInViewTrigger, inViewOptions, transition, ...props }: GithubButtonProps): React__default.JSX.Element;
 
 type GradientBackgroundProps = HTMLMotionProps<"div"> & {
     transition?: Transition;
 };
-declare function GradientBackground({ className, transition, ...props }: GradientBackgroundProps): react_jsx_runtime.JSX.Element;
+declare function GradientBackground({ className, transition, ...props }: GradientBackgroundProps): React.JSX.Element;
 
 type GridSize = "4:4" | "5:5" | "6:6" | "6:8" | "8:8" | "8:12" | "10:10" | "12:12" | "12:16" | "16:16";
 type GridBackgroundProps = HTMLMotionProps<"div"> & {
@@ -107,7 +106,7 @@ type GridBackgroundProps = HTMLMotionProps<"div"> & {
         speed?: number;
     };
 };
-declare function GridBackground({ className, children, gridSize, colors, beams, ...props }: GridBackgroundProps): react_jsx_runtime.JSX.Element;
+declare function GridBackground({ className, children, gridSize, colors, beams, ...props }: GridBackgroundProps): React.JSX.Element;
 
 type HoverBackgroundProps = HTMLMotionProps<"div"> & {
     objectCount?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -118,7 +117,7 @@ type HoverBackgroundProps = HTMLMotionProps<"div"> & {
         glow?: string;
     };
 };
-declare function HoverBackground({ className, objectCount, children, colors, ...props }: HoverBackgroundProps): react_jsx_runtime.JSX.Element;
+declare function HoverBackground({ className, objectCount, children, colors, ...props }: HoverBackgroundProps): React.JSX.Element;
 
 interface MarqueeProps extends ComponentPropsWithoutRef<"div"> {
     /**
@@ -166,7 +165,7 @@ interface MarqueeProps extends ComponentPropsWithoutRef<"div"> {
      */
     ariaRole?: string;
 }
-declare function Marquee({ className, reverse, pauseOnHover, children, vertical, repeat, ariaLabel, ariaLive, ariaRole, ...props }: MarqueeProps): react_jsx_runtime.JSX.Element;
+declare function Marquee({ className, reverse, pauseOnHover, children, vertical, repeat, ariaLabel, ariaLive, ariaRole, ...props }: MarqueeProps): React__default.JSX.Element;
 
 interface ShimmeringTextProps {
     /** Text to display with shimmer effect */
@@ -194,7 +193,7 @@ interface ShimmeringTextProps {
     /** Shimmer gradient color */
     shimmerColor?: string;
 }
-declare function ShimmeringText({ text, duration, delay, repeat, repeatDelay, className, startOnView, once, inViewMargin, spread, color, shimmerColor, }: ShimmeringTextProps): react_jsx_runtime.JSX.Element;
+declare function ShimmeringText({ text, duration, delay, repeat, repeatDelay, className, startOnView, once, inViewMargin, spread, color, shimmerColor, }: ShimmeringTextProps): React__default.JSX.Element;
 
 interface SlidingNumberProps {
     from: number;
@@ -207,7 +206,7 @@ interface SlidingNumberProps {
     onComplete?: () => void;
     digitHeight?: number;
 }
-declare function SlidingNumber({ from, to, duration, delay, startOnView, once, className, onComplete, digitHeight, }: SlidingNumberProps): react_jsx_runtime.JSX.Element;
+declare function SlidingNumber({ from, to, duration, delay, startOnView, once, className, onComplete, digitHeight, }: SlidingNumberProps): React.JSX.Element;
 
 interface SvgTextProps {
     /**
@@ -242,7 +241,7 @@ interface SvgTextProps {
  * SvgText displays content with an SVG background fill effect.
  * The SVG is masked by the content, creating a dynamic text look.
  */
-declare function SvgText({ svg, children, className, fontSize, fontWeight, as: Component, }: SvgTextProps): react_jsx_runtime.JSX.Element;
+declare function SvgText({ svg, children, className, fontSize, fontWeight, as: Component, }: SvgTextProps): React.JSX.Element;
 
 type RevealVariant = "fade" | "slideUp" | "slideDown" | "slideLeft" | "slideRight" | "scale" | "blur" | "typewriter" | "wave" | "stagger" | "rotate" | "elastic";
 interface TextRevealProps {
@@ -258,7 +257,7 @@ interface TextRevealProps {
     wordLevel?: boolean;
     onComplete?: () => void;
 }
-declare function TextReveal({ children, variant, className, style, delay, duration, staggerDelay, once, startOnView, wordLevel, }: TextRevealProps): react_jsx_runtime.JSX.Element;
+declare function TextReveal({ children, variant, className, style, delay, duration, staggerDelay, once, startOnView, wordLevel, }: TextRevealProps): React__default.JSX.Element;
 
 type AnimationVariant = "fadeIn" | "blurIn" | "blurInUp" | "blurInDown" | "slideUp" | "slideDown" | "slideLeft" | "slideRight" | "scaleUp" | "scaleDown";
 interface TypingTextProps extends Omit<MotionProps, "children"> {
@@ -293,7 +292,7 @@ interface TypingTextProps extends Omit<MotionProps, "children"> {
     /** Margin for in-view detection (rootMargin) */
     inViewMargin?: UseInViewOptions["margin"];
 }
-declare function TypingText({ text, texts, speed, delay, showCursor, cursorClassName, cursor, loop, pauseDuration, className, onComplete, startOnView, once, inViewMargin, ...props }: TypingTextProps): react_jsx_runtime.JSX.Element;
+declare function TypingText({ text, texts, speed, delay, showCursor, cursorClassName, cursor, loop, pauseDuration, className, onComplete, startOnView, once, inViewMargin, ...props }: TypingTextProps): React.JSX.Element;
 
 interface VideoTextProps {
     /**
@@ -360,7 +359,7 @@ interface VideoTextProps {
  * VideoText displays content with a background video fill effect.
  * The video is masked by the content, creating a dynamic animated text look.
  */
-declare function VideoText({ src, children, className, autoPlay, muted, loop, preload, fontSize, fontWeight, as: Component, onPlay, onPause, onEnded, }: VideoTextProps): react_jsx_runtime.JSX.Element;
+declare function VideoText({ src, children, className, autoPlay, muted, loop, preload, fontSize, fontWeight, as: Component, onPlay, onPause, onEnded, }: VideoTextProps): React.JSX.Element;
 
 interface WordRotateProps extends Omit<MotionProps, "children"> {
     words: string[];
@@ -374,6 +373,6 @@ interface WordRotateProps extends Omit<MotionProps, "children"> {
     once?: boolean;
     inViewMargin?: UseInViewOptions["margin"];
 }
-declare function WordRotate({ words, duration, animationStyle, loop, className, containerClassName, pauseDuration, startOnView, once, inViewMargin, ...props }: WordRotateProps): react_jsx_runtime.JSX.Element;
+declare function WordRotate({ words, duration, animationStyle, loop, className, containerClassName, pauseDuration, startOnView, once, inViewMargin, ...props }: WordRotateProps): React.JSX.Element;
 
 export { AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, CountingNumber, GithubButton, type GithubButtonProps, GradientBackground, type GradientBackgroundProps, GridBackground, type GridBackgroundProps, HoverBackground, type HoverBackgroundProps, Marquee, ShimmeringText, SlidingNumber, SvgText, type SvgTextProps, TextReveal, TypingText, VideoText, type VideoTextProps, WordRotate, githubButtonVariants };

package/dist/animation.js

@@ -388,10 +388,11 @@ function GithubButton({
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
-    } catch {
+    } catch (_error) {
       try {
         window.open(repoUrl, "_blank", "noopener,noreferrer");
-      } catch {
+      } catch (windowError) {
+        console.error("Failed to navigate to repo URL via all methods:", windowError);
         window.location.href = repoUrl;
       }
     }

package/dist/{badge-CnQznr5B.d.ts → badge-BScpb9q4.d.ts}

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
@@ -11,6 +10,6 @@ declare const badgeVariants: (props?: ({
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
 }
-declare function Badge({ className, variant, size, radius, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, size, radius, asChild, ...props }: BadgeProps): React.JSX.Element;
 
 export { Badge as B, type BadgeProps as a, badgeVariants as b };