@gardenfi/garden-book 0.2.3 → 0.2.5

package/dist/animations/RollingText/RollingText.d.ts

@@ -0,0 +1,12 @@
+type RollingTextProps = {
+    value: string;
+    isHovered?: boolean;
+    className?: string;
+    delay?: number;
+};
+export type RollingTextRef = {
+    startAnimation: () => void;
+    stopAnimation: () => void;
+};
+export declare const RollingText: import('react').ForwardRefExoticComponent<RollingTextProps & import('react').RefAttributes<RollingTextRef>>;
+export {};

package/dist/animations/RollingText/RollingText.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { RollingText } from './RollingText';
+
+declare const meta: Meta<typeof RollingText>;
+export default meta;
+type Story = StoryObj<typeof RollingText>;
+export declare const Default: Story;

package/dist/animations/index.d.ts

@@ -1,4 +1,5 @@
 import { ScaleY } from './ScaleY/ScaleY';
 import { Shine } from './Shine/Shine';
+import { RollingText } from './RollingText/RollingText';
 
-export { ScaleY, Shine };
+export { ScaleY, Shine, RollingText };

package/dist/components/atoms/Button/ClientOnlyLottie.d.ts

@@ -0,0 +1,8 @@
+interface ClientOnlyLottieProps {
+    animationData: any;
+    loop?: boolean;
+    autoplay?: boolean;
+    style?: React.CSSProperties;
+}
+export declare const ClientOnlyLottie: ({ animationData, loop, autoplay, style, }: ClientOnlyLottieProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/atoms/ClientOnly/ClientOnly.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+
+type ClientOnlyProps = {
+    children: ReactNode;
+    fallback?: ReactNode;
+};
+/**
+ * ClientOnly wrapper component that only renders children on the client side
+ * Useful for components that need to avoid SSR hydration issues
+ * @param children - Components to render only on client side
+ * @param fallback - Optional fallback content to show during SSR (defaults to null)
+ */
+export declare const ClientOnly: ({ children, fallback }: ClientOnlyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/atoms/ClientOnly/index.d.ts

@@ -0,0 +1 @@
+export { ClientOnly } from './ClientOnly';

package/dist/components/atoms/Icons/DollarChipIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const DollarChipIcon: React.FC<SvgProps>;
+export {};

package/dist/components/atoms/Icons/EncryptedIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const EncryptedIcon: React.FC<SvgProps>;
+export {};

package/dist/components/atoms/Icons/GiftBoxIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const GiftBoxIcon: React.FC<SvgProps>;
+export {};

package/dist/components/atoms/Icons/HorizontalSwap.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const HorizontalSwap: React.FC<SvgProps>;
+export {};

package/dist/components/atoms/Icons/RaiseHandIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const RaiseHandIcon: React.FC<SvgProps>;
+export {};

package/dist/components/atoms/Icons/Rotate360Icon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const Rotate360Icon: React.FC<SvgProps>;
+export {};

package/dist/components/atoms/Icons/RoutingIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const RoutingIcon: React.FC<SvgProps>;
+export {};

package/dist/components/atoms/Icons/RowInfoIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const RowInfoIcon: React.FC<SvgProps>;
+export {};

package/dist/components/atoms/Icons/index.d.ts

@@ -72,3 +72,11 @@ export { XSolidIcon } from './XSolidIcon';
 export { XIcon } from './XIcon';
 export { ZellicIcon } from './ZellicIcon';
 export { SearchIconThin } from './SearchIconThin';
+export { Rotate360Icon } from './Rotate360Icon';
+export { EncryptedIcon } from './EncryptedIcon';
+export { RoutingIcon } from './RoutingIcon';
+export { HorizontalSwap } from './HorizontalSwap';
+export { DollarChipIcon } from './DollarChipIcon';
+export { GiftBoxIcon } from './GiftBoxIcon';
+export { RaiseHandIcon } from './RaiseHandIcon';
+export { RowInfoIcon } from './RowInfoIcon';

package/dist/components/atoms/Logo/GardenIconOutline.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const GardenIconOutline: React.FC<SvgProps>;
+export {};

package/dist/components/atoms/Logo/NFTIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const NFTIcon: React.FC<SvgProps>;
+export {};

package/dist/components/atoms/Logo/index.d.ts

@@ -27,3 +27,5 @@ export { Dodo } from './DODO';
 export { Vertex } from './Vertex';
 export { Radiant } from './Radiant';
 export { GardenIcon } from './GardenIcon';
+export { GardenIconOutline } from './GardenIconOutline';
+export { NFTIcon } from './NFTIcon';

package/dist/components/atoms/Typography/Typography.d.ts

@@ -4,18 +4,29 @@ type breakpointVariants = "xs" | "sm" | "md" | "lg" | "xl";
 type Breakpoints = {
     [K in breakpointVariants]?: SizeVariants;
 };
-type TypographyProps = React.HTMLAttributes<HTMLDivElement | HTMLSpanElement | HTMLParagraphElement> & {
+type BaseTypographyProps = {
     size?: SizeVariants;
     weight?: WeightVariants;
     breakpoints?: Breakpoints;
-    as?: "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    as?: "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "a";
 };
+type TypographyProps = BaseTypographyProps & ((React.HTMLAttributes<HTMLDivElement> & {
+    as?: "div";
+}) | (React.HTMLAttributes<HTMLSpanElement> & {
+    as?: "span";
+}) | (React.HTMLAttributes<HTMLParagraphElement> & {
+    as?: "p";
+}) | (React.HTMLAttributes<HTMLHeadingElement> & {
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    as: "a";
+}));
 /**
  * Typography component
  * @param size - default size of the text => "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
  * @param weight - weight of the text => "thin" | "light" | "regular" | "medium" | "semibold" | "bold" | "heavy" | "black"
  * @param breakpoints - Breakpoints for the text size => { [key in ["xs","sm","md","lg","xl"]]: SizeVariants }
- * @param as -HTML element to render as => "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
+ * @param as -HTML element to render as => "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "a"
  * @default size - "h3"  weight - "medium" as - "span"
  */
 export declare const Typography: React.FC<TypographyProps>;

package/dist/components/atoms/index.d.ts

@@ -5,8 +5,9 @@ import { Sidebar } from './Sidebar/Sidebar';
 import { Modal } from './Modal/Modal';
 import { BottomSheet } from './BottomSheet/BottomSheet';
 import { Container } from './Container/Container';
+import { ClientOnly } from './ClientOnly/ClientOnly';
 export type { OpacityVariants } from './Opacity/Opacity';
 export * from './Icons';
 export * from './Logo';
 export { CheckBox } from './Checkbox/Checkbox';
-export { Button, Typography, Sidebar, Opacity, Modal, BottomSheet, Container };
+export { Button, Typography, Sidebar, Opacity, Modal, BottomSheet, Container, ClientOnly, };

package/dist/components/organisms/Footer/Footer.d.ts

@@ -2,6 +2,8 @@ import { default as React } from 'react';
 
 type FooterProps = React.HTMLAttributes<HTMLDivElement> & {
     network?: string;
+    navigate?: (path: string) => void;
+    maskUrl?: string;
 };
 export declare const Footer: React.FC<FooterProps>;
 export {};

package/dist/components/organisms/Footer/Footer.stories.d.ts

@@ -4,6 +4,8 @@ declare const meta: {
     title: string;
     component: import('react').FC<import('react').HTMLAttributes<HTMLDivElement> & {
         network?: string;
+        navigate?: (path: string) => void;
+        maskUrl?: string;
     }>;
     tags: string[];
     parameters: {

package/dist/components/organisms/Footer/FooterBackgroundAnimation.d.ts

@@ -0,0 +1,7 @@
+type FooterBackgroundAnimationProps = {
+    isMobile: boolean;
+    isLogoHovered: boolean;
+    maskUrl?: string;
+};
+export declare const FooterBackgroundAnimation: ({ isMobile, isLogoHovered, maskUrl, }: FooterBackgroundAnimationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/organisms/Footer/FooterLink.d.ts

@@ -0,0 +1,19 @@
+type FooterLink = {
+    title: string;
+    link: string | undefined;
+    isExternal: boolean;
+    chain?: string;
+    inputAsset?: string;
+    inputChain?: string;
+};
+type FooterLinksProps = {
+    title: string;
+    links: Record<string, FooterLink>;
+    hoveredIndex?: number | null;
+    onHover?: (index: number | null) => void;
+    className?: string;
+    listClassName?: string;
+    isRoutes?: boolean;
+};
+export declare const FooterLinks: React.FC<FooterLinksProps>;
+export {};

package/dist/hooks/useClientOnly.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Custom hook that returns true only on the client side
+ * Useful for components that need to avoid SSR hydration issues
+ */
+export declare const useClientOnly: () => boolean;