@gardenfi/garden-book 0.2.28 → 0.2.30

package/dist/utils/index.js

@@ -0,0 +1,6 @@
+import r from "clsx";
+import { twMerge as t } from "tailwind-merge";
+const e = (...o) => t(r(o));
+export {
+  e as cn
+};

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@gardenfi/garden-book",
-  "version": "0.2.28",
+  "version": "0.2.30",
   "type": "module",
   "types": "dist/index.d.ts",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "sideEffects": [
+    "*.css"
+  ],
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -18,29 +19,36 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/ui.es.js",
-      "require": "./dist/ui.umd.js"
+      "import": "./dist/index.js"
+    },
+    "./*": {
+      "types": "./dist/*/index.d.ts",
+      "import": "./dist/*/index.js",
+      "default": "./dist/*/index.js"
     },
-    "./style.css": {
-      "require": "./dist/style.css",
-      "default": "./dist/style.css"
+    "./Icons": {
+      "types": "./dist/Icons/index.d.ts",
+      "import": "./dist/Icons/index.js",
+      "default": "./dist/Icons/index.js"
     },
+    "./Logo": {
+      "types": "./dist/Logo/index.d.ts",
+      "import": "./dist/Logo/index.js",
+      "default": "./dist/Logo/index.js"
+    },
+    "./style.css": "./dist/style.css",
     "./fonts/*": "./dist/fonts/*"
   },
   "files": [
     "dist"
   ],
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
   "dependencies": {
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "framer-motion": "^11.5.6",
     "lottie-react": "^2.4.0",
     "postcss-prefixwrap": "^1.51.0",
-    "react-lazy-load-image-component": "^1.6.2",
+    "react-lazy-load-image-component": "^1.6.3",
     "react-remove-scroll": "^2.6.3",
     "tailwind-merge": "^2.4.0"
   },
@@ -54,9 +62,12 @@
     "@storybook/react": "^8.3.1",
     "@storybook/react-vite": "^8.3.1",
     "@storybook/test": "^8.3.1",
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
-    "@types/react-lazy-load-image-component": "^1",
+    "@types/node": "^20.0.0",
+    "react": "^19",
+    "react-dom": "^19",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@types/react-lazy-load-image-component": "^1.6.5",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
     "@vitejs/plugin-react": "^4.2.1",
@@ -67,8 +78,6 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
     "eslint-plugin-storybook": "^0.8.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "storybook": "^8.3.1",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.2.2",

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

@@ -1,7 +0,0 @@
-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/ScaleY/ScaleY.stories.d.ts

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

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

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

package/dist/components/atoms/BottomSheet/BottomSheet.stories.d.ts

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

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

@@ -1,17 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Button } from './Button';
-
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const PrimaryLarge: Story;
-export declare const PrimaryMedium: Story;
-export declare const PrimarySmall: Story;
-export declare const SecondaryLarge: Story;
-export declare const SecondaryMedium: Story;
-export declare const SecondarySmall: Story;
-export declare const DisabledLargeLoading: Story;
-export declare const DisabledMedium: Story;
-export declare const DisabledSmall: Story;
-export declare const CustomPrimary: Story;
-export declare const CustomSecondary: Story;

package/dist/components/atoms/Button/spinner.json.d.ts

@@ -1,3 +0,0 @@
-declare const _default: {"v":"5.7.4","fr":60,"ip":0,"op":120,"w":64,"h":64,"nm":"loading spinner","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.34],"y":[1]},"o":{"x":[0.66],"y":[0]},"t":0,"s":[180]},{"t":119,"s":[540]}],"ix":10},"p":{"a":0,"k":[32.135,31.505,0],"ix":2,"l":2},"a":{"a":0,"k":[-0.75,2.75,0],"ix":1,"l":2},"s":{"a":0,"k":[82,82,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[15.326,0],[0,-15.326],[-15.326,0],[0,15.326]],"o":[[-15.326,0],[0,15.326],[15.326,0],[0,-15.326]],"v":[[0,-27.75],[-27.75,0],[0,27.75],[27.75,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.505882352941,0.478431372549,0.564705882353,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[-0.75,2.75],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[100]},{"i":{"x":[0.351],"y":[0.985]},"o":{"x":[0.665],"y":[0]},"t":60,"s":[90]},{"t":120,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.34],"y":[1]},"o":{"x":[0.66],"y":[0]},"t":0,"s":[100]},{"t":60,"s":[0]}],"ix":2},"o":{"a":0,"k":176,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":600,"st":0,"bm":0}],"markers":[]};
-
-export default _default;

package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts

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

package/dist/components/atoms/Container/Container.stories.d.ts

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

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

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-
-export declare const ExchangeAltIcon: React.FC<React.SVGProps<SVGSVGElement>>;

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

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

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

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-
-declare const _default: Meta;
-export default _default;
-export declare const AllIcons: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('@storybook/react').Args>;

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

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-
-declare const _default: Meta;
-export default _default;
-export declare const AllLogos: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('@storybook/react').Args>;

package/dist/components/atoms/Modal/Modal.stories.d.ts

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

package/dist/components/atoms/Opacity/Opacity.stories.d.ts

@@ -1,11 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Opacity } from './Opacity';
-
-declare const meta: Meta<typeof Opacity>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Full: Story;
-export declare const SemiDark: Story;
-export declare const Medium: Story;
-export declare const Light: Story;
-export declare const ExtraLight: Story;

package/dist/components/atoms/Sidebar/Sidebar.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Sidebar } from './Sidebar';
-
-declare const meta: Meta<typeof Sidebar>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const OpenLarge: Story;
-export declare const OpenSmall: Story;
-export declare const Closed: Story;

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

@@ -1,17 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Typography } from './Typography';
-
-declare const meta: Meta<typeof Typography>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const XLBold: Story;
-export declare const XLMedium: Story;
-export declare const LGBold: Story;
-export declare const LGMedium: Story;
-export declare const MediumBold: Story;
-export declare const MediumMedium: Story;
-export declare const SmallBold: Story;
-export declare const SmallMedium: Story;
-export declare const XSBold: Story;
-export declare const XSMedium: Story;
-export declare const Cite: Story;

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

@@ -1,13 +0,0 @@
-import { Button } from './Button/Button';
-import { Typography } from './Typography/Typography';
-import { Opacity } from './Opacity/Opacity';
-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, ClientOnly, };

package/dist/components/index.d.ts

@@ -1,3 +0,0 @@
-export * from './atoms';
-export * from './molecules';
-export * from './organisms';

package/dist/components/molecules/Chip/Chip.stories.d.ts

@@ -1,37 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('react').HTMLAttributes<HTMLDivElement> & {
-        children?: import('react').ReactNode;
-        className?: string;
-    }> & {
-        CheckBox: import('react').FC<import('react').HTMLAttributes<HTMLDivElement> & {
-            checked: boolean;
-        }>;
-        Logo: import('react').FC<import('react').HTMLAttributes<HTMLDivElement> & {
-            children: import('react').ReactNode;
-        }>;
-    };
-    tags: string[];
-    parameters: {
-        layout: string;
-        backgrounds: {
-            default: string;
-            values: {
-                name: string;
-                value: string;
-            }[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Unchecked: Story;
-export declare const UncheckedTrailing: Story;
-export declare const CheckedTrailing: Story;
-export declare const UncheckedLeading: Story;
-export declare const CheckedLeading: Story;
-export declare const UncheckedBoth: Story;
-export declare const CheckedBoth: Story;
-export declare const UncheckedLogo: Story;

package/dist/components/molecules/GradientScroll/GradientScroll.stories.d.ts

@@ -1,28 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('react').HTMLAttributes<HTMLDivElement> & {
-        children?: import('react').ReactNode;
-        height: number | string;
-        width?: number | string;
-        className?: string;
-        gradientHeight?: number | string;
-        gradientWidth?: number | string;
-        gradientClassName?: string;
-        gradientTopClassName?: string;
-        gradientBottomClassName?: string;
-        gradientLeftClassName?: string;
-        gradientRightClassName?: string;
-        onClose?: boolean;
-        direction?: "horizontal" | "vertical";
-    }>;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const AssetSelector: Story;
-export declare const TransactionHistory: Story;
-export declare const HorizontalScroll: Story;

package/dist/components/molecules/InfoBadge/InfoBadge.stories.d.ts

@@ -1,14 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('react').HTMLAttributes<HTMLDivElement> & {
-        children?: import('react').ReactNode;
-    }>;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/molecules/TokenInfo/TokenInfo.stories.d.ts

@@ -1,19 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').FC<{
-        symbol: string;
-        tokenLogo: string;
-        chainLogo?: string;
-        hideDropdown?: boolean;
-    } & import('react').HTMLAttributes<HTMLDivElement>>;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const SingleLogo: Story;

package/dist/components/molecules/TokenNetworkLogos/TokenNetworkLogos.stories.d.ts

@@ -1,21 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('react').HTMLAttributes<HTMLDivElement> & {
-        tokenLogo?: string;
-        chainLogo?: string;
-        className?: string;
-        iconStyle?: string;
-        iconSize?: number;
-    }>;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const OnlyBitcoin: Story;
-export declare const WbtcBase: Story;
-export declare const WbtcBaseCustomStyles: Story;

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

@@ -1,7 +0,0 @@
-import { Chip } from './Chip/Chip';
-import { InfoBadge } from './InfoBadge/InfoBadge';
-import { TokenInfo } from './TokenInfo/TokenInfo';
-import { TokenNetworkLogos } from './TokenNetworkLogos/TokenNetworkLogos';
-import { GradientScroll } from './GradientScroll/GradientScroll';
-
-export { Chip, InfoBadge, TokenInfo, TokenNetworkLogos, GradientScroll };

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

@@ -1,21 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').FC<{
-        thumbnail?: string;
-        category: string;
-        date: string;
-        title: string;
-        className?: string;
-        thumbnailClassName?: string;
-    }>;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const MultipleBlogCards: Story;

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

@@ -1,17 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('react').HTMLAttributes<HTMLDivElement> & {
-        network?: string;
-        navigate?: (path: string) => void;
-        maskUrl?: string;
-    }>;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,27 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('class-variance-authority').VariantProps<(props?: ({
-        variant?: "default" | "locked" | null | undefined;
-    } & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
-        title: string;
-        description: string;
-        chipContent: string;
-        logo: import('react').ReactNode;
-    }>;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        variant: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Locked: Story;

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

@@ -1,3 +0,0 @@
-export { Footer } from './Footer/Footer';
-export { BlogCard } from './BlogCard/BlogCard';
-export { QuestCard } from './QuestCard/QuestCard';