@gardenfi/garden-book 0.2.4 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,12 @@
1
+ type RollingTextProps = {
2
+ value: string;
3
+ isHovered?: boolean;
4
+ className?: string;
5
+ delay?: number;
6
+ };
7
+ export type RollingTextRef = {
8
+ startAnimation: () => void;
9
+ stopAnimation: () => void;
10
+ };
11
+ export declare const RollingText: import('react').ForwardRefExoticComponent<RollingTextProps & import('react').RefAttributes<RollingTextRef>>;
12
+ export {};
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { RollingText } from './RollingText';
3
+
4
+ declare const meta: Meta<typeof RollingText>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof RollingText>;
7
+ export declare const Default: Story;
@@ -1,5 +1,5 @@
1
1
  import { ScaleY } from './ScaleY/ScaleY';
2
2
  import { Shine } from './Shine/Shine';
3
- import { StackText } from './StackText/StackText';
3
+ import { RollingText } from './RollingText/RollingText';
4
4
 
5
- export { ScaleY, Shine, StackText };
5
+ export { ScaleY, Shine, RollingText };
@@ -0,0 +1,14 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ type ClientOnlyProps = {
4
+ children: ReactNode;
5
+ fallback?: ReactNode;
6
+ };
7
+ /**
8
+ * ClientOnly wrapper component that only renders children on the client side
9
+ * Useful for components that need to avoid SSR hydration issues
10
+ * @param children - Components to render only on client side
11
+ * @param fallback - Optional fallback content to show during SSR (defaults to null)
12
+ */
13
+ export declare const ClientOnly: ({ children, fallback }: ClientOnlyProps) => import("react/jsx-runtime").JSX.Element;
14
+ export {};
@@ -0,0 +1 @@
1
+ export { ClientOnly } from './ClientOnly';
@@ -4,18 +4,29 @@ type breakpointVariants = "xs" | "sm" | "md" | "lg" | "xl";
4
4
  type Breakpoints = {
5
5
  [K in breakpointVariants]?: SizeVariants;
6
6
  };
7
- type TypographyProps = React.HTMLAttributes<HTMLDivElement | HTMLSpanElement | HTMLParagraphElement> & {
7
+ type BaseTypographyProps = {
8
8
  size?: SizeVariants;
9
9
  weight?: WeightVariants;
10
10
  breakpoints?: Breakpoints;
11
- as?: "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
11
+ as?: "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "a";
12
12
  };
13
+ type TypographyProps = BaseTypographyProps & ((React.HTMLAttributes<HTMLDivElement> & {
14
+ as?: "div";
15
+ }) | (React.HTMLAttributes<HTMLSpanElement> & {
16
+ as?: "span";
17
+ }) | (React.HTMLAttributes<HTMLParagraphElement> & {
18
+ as?: "p";
19
+ }) | (React.HTMLAttributes<HTMLHeadingElement> & {
20
+ as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
21
+ }) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
22
+ as: "a";
23
+ }));
13
24
  /**
14
25
  * Typography component
15
26
  * @param size - default size of the text => "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
16
27
  * @param weight - weight of the text => "thin" | "light" | "regular" | "medium" | "semibold" | "bold" | "heavy" | "black"
17
28
  * @param breakpoints - Breakpoints for the text size => { [key in ["xs","sm","md","lg","xl"]]: SizeVariants }
18
- * @param as -HTML element to render as => "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
29
+ * @param as -HTML element to render as => "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "a"
19
30
  * @default size - "h3" weight - "medium" as - "span"
20
31
  */
21
32
  export declare const Typography: React.FC<TypographyProps>;
@@ -5,8 +5,9 @@ import { Sidebar } from './Sidebar/Sidebar';
5
5
  import { Modal } from './Modal/Modal';
6
6
  import { BottomSheet } from './BottomSheet/BottomSheet';
7
7
  import { Container } from './Container/Container';
8
+ import { ClientOnly } from './ClientOnly/ClientOnly';
8
9
  export type { OpacityVariants } from './Opacity/Opacity';
9
10
  export * from './Icons';
10
11
  export * from './Logo';
11
12
  export { CheckBox } from './Checkbox/Checkbox';
12
- export { Button, Typography, Sidebar, Opacity, Modal, BottomSheet, Container };
13
+ export { Button, Typography, Sidebar, Opacity, Modal, BottomSheet, Container, ClientOnly, };
@@ -14,8 +14,6 @@ type FooterLinksProps = {
14
14
  className?: string;
15
15
  listClassName?: string;
16
16
  isRoutes?: boolean;
17
- isHomepage?: boolean;
18
- navigate?: (path: string) => void;
19
17
  };
20
18
  export declare const FooterLinks: React.FC<FooterLinksProps>;
21
19
  export {};