@gardenfi/garden-book 0.2.3-beta.1 → 0.2.3-beta.11

package/dist/_virtual/index.js

@@ -0,0 +1,5 @@
+var build = { exports: {} };
+export {
+  build as __module
+};
+//# sourceMappingURL=index.js.map

package/dist/_virtual/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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.js

@@ -0,0 +1,91 @@
+import { jsx } from "react/jsx-runtime";
+import { useAnimate, stagger } from "framer-motion";
+import { forwardRef, useImperativeHandle, useEffect } from "react";
+import { cn } from "../../utils/utils.js";
+const RollingText = forwardRef(
+  ({ value, isHovered, className, delay }, ref) => {
+    const alphabets = value.split("");
+    const [scope, animate] = useAnimate();
+    const startAnimation = () => {
+      animate([
+        [
+          ".gf-letter",
+          { y: "-100%" },
+          {
+            duration: 0.5,
+            delay: delay ? stagger(0.014, { startDelay: delay }) : stagger(0.014),
+            ease: [0.76, 0, 0.24, 1]
+          }
+        ]
+      ]);
+    };
+    const stopAnimation = () => {
+      animate([
+        [
+          ".gf-letter",
+          { y: "0%" },
+          {
+            duration: 0.5,
+            delay: delay ? stagger(0.014, { startDelay: delay }) : stagger(0.014),
+            ease: [0.76, 0, 0.24, 1]
+          }
+        ]
+      ]);
+    };
+    useImperativeHandle(ref, () => ({
+      startAnimation,
+      stopAnimation
+    }));
+    useEffect(() => {
+      if (isHovered) {
+        startAnimation();
+      } else {
+        stopAnimation();
+      }
+    }, [isHovered]);
+    useEffect(() => {
+      const handleMouseEnter = () => {
+        if (!isHovered) {
+          startAnimation();
+        }
+      };
+      const handleMouseLeave = () => {
+        if (!isHovered) {
+          stopAnimation();
+        }
+      };
+      const buttonElement = scope.current;
+      if (buttonElement) {
+        buttonElement.addEventListener("mouseenter", handleMouseEnter);
+        buttonElement.addEventListener("mouseleave", handleMouseLeave);
+        return () => {
+          buttonElement.removeEventListener("mouseenter", handleMouseEnter);
+          buttonElement.removeEventListener("mouseleave", handleMouseLeave);
+        };
+      }
+    }, [scope, isHovered]);
+    return /* @__PURE__ */ jsx("div", { ref: scope, children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          `gf-flex gf-h-5 gf-items-center gf-justify-start gf-overflow-hidden gf-pr-0.5`,
+          className
+        ),
+        children: alphabets.map((char, i) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-letter": char,
+            className: "gf-letter gf-relative gf-h-5 gf-whitespace-pre gf-leading-5 after:gf-absolute after:gf-left-0 after:gf-top-full after:gf-h-5 after:gf-leading-5 after:gf-content-[attr(data-letter)]",
+            children: char
+          },
+          `${char}-${i}`
+        ))
+      }
+    ) });
+  }
+);
+RollingText.displayName = "RollingText";
+export {
+  RollingText
+};
+//# sourceMappingURL=RollingText.js.map

package/dist/animations/RollingText/RollingText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RollingText.js","sources":["../../../src/animations/RollingText/RollingText.tsx"],"sourcesContent":["import { stagger, useAnimate } from \"framer-motion\";\nimport { useEffect, forwardRef, useImperativeHandle } from \"react\";\nimport { cn } from \"../../utils/utils\";\n\ntype RollingTextProps = {\n  value: string;\n  isHovered?: boolean;\n  className?: string;\n  delay?: number;\n};\n\nexport type RollingTextRef = {\n  startAnimation: () => void;\n  stopAnimation: () => void;\n};\n\nexport const RollingText = forwardRef<RollingTextRef, RollingTextProps>(\n  ({ value, isHovered, className, delay }, ref) => {\n    const alphabets = value.split(\"\");\n    const [scope, animate] = useAnimate();\n\n    const startAnimation = () => {\n      animate([\n        [\n          \".gf-letter\",\n          { y: \"-100%\" },\n          {\n            duration: 0.5,\n            delay: delay\n              ? stagger(0.014, { startDelay: delay })\n              : stagger(0.014),\n            ease: [0.76, 0, 0.24, 1],\n          },\n        ],\n      ]);\n    };\n\n    const stopAnimation = () => {\n      animate([\n        [\n          \".gf-letter\",\n          { y: \"0%\" },\n          {\n            duration: 0.5,\n            delay: delay\n              ? stagger(0.014, { startDelay: delay })\n              : stagger(0.014),\n            ease: [0.76, 0, 0.24, 1],\n          },\n        ],\n      ]);\n    };\n\n    useImperativeHandle(ref, () => ({\n      startAnimation,\n      stopAnimation,\n    }));\n\n    useEffect(() => {\n      if (isHovered) {\n        startAnimation();\n      } else {\n        stopAnimation();\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isHovered]);\n\n    useEffect(() => {\n      const handleMouseEnter = () => {\n        if (!isHovered) {\n          startAnimation();\n        }\n      };\n\n      const handleMouseLeave = () => {\n        if (!isHovered) {\n          stopAnimation();\n        }\n      };\n\n      const buttonElement = scope.current;\n      if (buttonElement) {\n        buttonElement.addEventListener(\"mouseenter\", handleMouseEnter);\n        buttonElement.addEventListener(\"mouseleave\", handleMouseLeave);\n\n        return () => {\n          buttonElement.removeEventListener(\"mouseenter\", handleMouseEnter);\n          buttonElement.removeEventListener(\"mouseleave\", handleMouseLeave);\n        };\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [scope, isHovered]);\n\n    return (\n      <div ref={scope}>\n        <span\n          className={cn(\n            `gf-flex gf-h-5 gf-items-center gf-justify-start gf-overflow-hidden gf-pr-0.5`,\n            className\n          )}\n        >\n          {alphabets.map((char, i) => (\n            <span\n              data-letter={char}\n              className=\"gf-letter gf-relative gf-h-5 gf-whitespace-pre gf-leading-5 after:gf-absolute after:gf-left-0 after:gf-top-full after:gf-h-5 after:gf-leading-5 after:gf-content-[attr(data-letter)]\"\n              key={`${char}-${i}`}\n            >\n              {char}\n            </span>\n          ))}\n        </span>\n      </div>\n    );\n  }\n);\n\nRollingText.displayName = \"RollingText\";\n"],"names":[],"mappings":";;;;AAgBO,MAAM,cAAc;AAAA,EACzB,CAAC,EAAE,OAAO,WAAW,WAAW,MAAA,GAAS,QAAQ;AAC/C,UAAM,YAAY,MAAM,MAAM,EAAE;AAChC,UAAM,CAAC,OAAO,OAAO,IAAI,WAAA;AAEzB,UAAM,iBAAiB,MAAM;AAC3B,cAAQ;AAAA,QACN;AAAA,UACE;AAAA,UACA,EAAE,GAAG,QAAA;AAAA,UACL;AAAA,YACE,UAAU;AAAA,YACV,OAAO,QACH,QAAQ,OAAO,EAAE,YAAY,MAAA,CAAO,IACpC,QAAQ,KAAK;AAAA,YACjB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;AAAA,UAAA;AAAA,QACzB;AAAA,MACF,CACD;AAAA,IACH;AAEA,UAAM,gBAAgB,MAAM;AAC1B,cAAQ;AAAA,QACN;AAAA,UACE;AAAA,UACA,EAAE,GAAG,KAAA;AAAA,UACL;AAAA,YACE,UAAU;AAAA,YACV,OAAO,QACH,QAAQ,OAAO,EAAE,YAAY,MAAA,CAAO,IACpC,QAAQ,KAAK;AAAA,YACjB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;AAAA,UAAA;AAAA,QACzB;AAAA,MACF,CACD;AAAA,IACH;AAEA,wBAAoB,KAAK,OAAO;AAAA,MAC9B;AAAA,MACA;AAAA,IAAA,EACA;AAEF,cAAU,MAAM;AACd,UAAI,WAAW;AACb,uBAAA;AAAA,MACF,OAAO;AACL,sBAAA;AAAA,MACF;AAAA,IAEF,GAAG,CAAC,SAAS,CAAC;AAEd,cAAU,MAAM;AACd,YAAM,mBAAmB,MAAM;AAC7B,YAAI,CAAC,WAAW;AACd,yBAAA;AAAA,QACF;AAAA,MACF;AAEA,YAAM,mBAAmB,MAAM;AAC7B,YAAI,CAAC,WAAW;AACd,wBAAA;AAAA,QACF;AAAA,MACF;AAEA,YAAM,gBAAgB,MAAM;AAC5B,UAAI,eAAe;AACjB,sBAAc,iBAAiB,cAAc,gBAAgB;AAC7D,sBAAc,iBAAiB,cAAc,gBAAgB;AAE7D,eAAO,MAAM;AACX,wBAAc,oBAAoB,cAAc,gBAAgB;AAChE,wBAAc,oBAAoB,cAAc,gBAAgB;AAAA,QAClE;AAAA,MACF;AAAA,IAEF,GAAG,CAAC,OAAO,SAAS,CAAC;AAErB,WACE,oBAAC,OAAA,EAAI,KAAK,OACR,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAGD,UAAA,UAAU,IAAI,CAAC,MAAM,MACpB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAa;AAAA,YACb,WAAU;AAAA,YAGT,UAAA;AAAA,UAAA;AAAA,UAFI,GAAG,IAAI,IAAI,CAAC;AAAA,QAAA,CAIpB;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;"}

package/dist/animations/ScaleY/ScaleY.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { cubicBezier, motion } from "framer-motion";
+const ScaleY = ({ children, triggerAnimation }) => {
+  const animate = {
+    animation: {
+      scaleY: [0, 1],
+      opacity: [0, 1],
+      transition: {
+        duration: 0.5,
+        ease: cubicBezier(0.84, 0, 0.16, 1),
+        opacity: { duration: 0.2, ease: "easeInOut" },
+        once: true
+      }
+    },
+    idle: {
+      scaleY: 1,
+      opacity: 1
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      animate: triggerAnimation ? "animation" : "idle",
+      variants: animate,
+      style: { transformOrigin: "bottom" },
+      children
+    }
+  );
+};
+export {
+  ScaleY
+};
+//# sourceMappingURL=ScaleY.js.map

package/dist/animations/ScaleY/ScaleY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaleY.js","sources":["../../../src/animations/ScaleY/ScaleY.tsx"],"sourcesContent":["import { cubicBezier, motion } from \"framer-motion\";\n\ninterface ScaleYProps {\n  children: React.ReactNode;\n  triggerAnimation: boolean;\n}\n\n/**\n * ScaleY animation\n * @param triggerAnimation - true fires the animation\n * @param children - component to animate\n * @default triggerAnimation - true\n */\nexport const ScaleY = ({ children, triggerAnimation }: ScaleYProps) => {\n  const animate = {\n    animation: {\n      scaleY: [0, 1],\n      opacity: [0, 1],\n      transition: {\n        duration: 0.5,\n        ease: cubicBezier(0.84, 0.0, 0.16, 1.0),\n        opacity: { duration: 0.2, ease: \"easeInOut\" },\n        once: true,\n      },\n    },\n    idle: {\n      scaleY: 1,\n      opacity: 1,\n    },\n  };\n  return (\n    <motion.div\n      animate={triggerAnimation ? \"animation\" : \"idle\"}\n      variants={animate}\n      style={{ transformOrigin: \"bottom\" }}\n    >\n      {children}\n    </motion.div>\n  );\n};\n"],"names":[],"mappings":";;AAaO,MAAM,SAAS,CAAC,EAAE,UAAU,uBAAoC;AACrE,QAAM,UAAU;AAAA,IACd,WAAW;AAAA,MACT,QAAQ,CAAC,GAAG,CAAC;AAAA,MACb,SAAS,CAAC,GAAG,CAAC;AAAA,MACd,YAAY;AAAA,QACV,UAAU;AAAA,QACV,MAAM,YAAY,MAAM,GAAK,MAAM,CAAG;AAAA,QACtC,SAAS,EAAE,UAAU,KAAK,MAAM,YAAA;AAAA,QAChC,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,EACX;AAEF,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAS,mBAAmB,cAAc;AAAA,MAC1C,UAAU;AAAA,MACV,OAAO,EAAE,iBAAiB,SAAA;AAAA,MAEzB;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/animations/Shine/Shine.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+const Shine = ({ children }) => {
+  return /* @__PURE__ */ jsx(motion.div, { className: "gf-relative gf-inline-block gf-overflow-hidden gf-rounded-xl gf-w-[300px] before:gf-z-50 before:gf-absolute before:gf-bg-gradient-to-r before:gf-from-transparent before:gf-via-white/50 before:gf-via-50% before:gf-to-transparent before:gf-top-0 before:gf-left-0 before:gf-w-[168px] before:gf-h-full before:gf-animate-shine before:gf-opacity-0", children });
+};
+export {
+  Shine
+};
+//# sourceMappingURL=Shine.js.map

package/dist/animations/Shine/Shine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shine.js","sources":["../../../src/animations/Shine/Shine.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { ReactNode } from \"react\";\n\ntype ShineProps = {\n  children: ReactNode;\n};\n\n/**\n * Shine animation\n * @param children - component to animate\n */\nexport const Shine = ({ children }: ShineProps) => {\n  return (\n    <motion.div className=\"gf-relative gf-inline-block gf-overflow-hidden gf-rounded-xl gf-w-[300px] before:gf-z-50 before:gf-absolute before:gf-bg-gradient-to-r before:gf-from-transparent before:gf-via-white/50 before:gf-via-50% before:gf-to-transparent before:gf-top-0 before:gf-left-0 before:gf-w-[168px] before:gf-h-full before:gf-animate-shine before:gf-opacity-0\">\n      {children}\n    </motion.div>\n  );\n};\n"],"names":[],"mappings":";;AAWO,MAAM,QAAQ,CAAC,EAAE,eAA2B;AACjD,6BACG,OAAO,KAAP,EAAW,WAAU,yVACnB,UACH;AAEJ;"}

package/dist/animations/index.d.ts

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

package/dist/assets/blogPlaceholder.svg.js

@@ -0,0 +1,5 @@
+const placeholderUrl = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%20viewBox='0%200%20384%20216'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_11648_9381)'%3e%3crect%20width='384'%20height='216'%20fill='%2359BB99'/%3e%3ccircle%20cx='-7'%20cy='184'%20r='87'%20fill='url(%23paint0_radial_11648_9381)'/%3e%3ccircle%20cx='368'%20cy='33'%20r='87'%20fill='url(%23paint1_radial_11648_9381)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M136%2078C141.959%2078%20146.986%2081.9942%20148.548%2087.4516C154.006%2089.014%20158%2094.0405%20158%2099.9999C158%20105.959%20154.006%20110.986%20148.548%20112.548C146.986%20118.006%20141.959%20122%20136%20122C130.04%20122%20125.014%20118.006%20123.452%20112.548C117.994%20110.986%20114%20105.959%20114%2099.9999C114%2094.0406%20117.994%2089.0142%20123.452%2087.4517C125.014%2081.9943%20130.04%2078%20136%2078Z'%20fill='%23F7CFDB'/%3e%3cpath%20d='M139.954%2095.3616C139.923%2097.884%20135.962%2097.5421%20134.7%2097.5267L134.755%2093.063C136.016%2093.0784%20139.985%2092.7277%20139.954%2095.3616ZM140.906%20102.316C140.874%20105.09%20136.128%20104.716%20134.611%20104.698L134.688%2099.7811C136.2%2099.8017%20140.958%2099.4226%20140.922%20102.32L140.906%20102.316ZM144.148%2094.4178C143.928%2091.7661%20141.653%2090.8548%20138.771%2090.5621L138.816%2086.8898L136.578%2086.8608L136.533%2090.4382C135.948%2090.4302%20135.347%2090.4347%20134.75%2090.4401L134.775%2086.845L132.543%2086.8093L132.499%2090.4777C132.013%2090.4841%20131.538%2090.4848%20131.075%2090.4809L127.993%2090.4406L127.964%2092.8313C127.964%2092.8313%20129.621%2092.8205%20129.584%2092.8518C130.21%2092.7802%20130.777%2093.2229%20130.86%2093.8471L130.822%2098.0175C130.901%2098.0184%20130.979%2098.0242%20131.057%2098.035L130.822%2098.034L130.737%20103.891C130.7%20104.329%20130.317%20104.655%20129.88%20104.621C129.914%20104.63%20128.256%20104.6%20128.256%20104.6L127.778%20107.263L130.688%20107.298L132.289%20107.314L132.246%20111.024L134.48%20111.052L134.512%20107.397C135.106%20107.419%20135.702%20107.43%20136.296%20107.436L136.25%20111.096L138.484%20111.124L138.535%20107.416C142.302%20107.247%20144.938%20106.332%20145.307%20102.809C145.601%2099.9679%20144.29%2098.6862%20142.168%2098.1466C143.474%2097.504%20144.303%2096.3533%20144.132%2094.4136L144.148%2094.4178Z'%20fill='%23DB6A93'/%3e%3cpath%20d='M170%2098.8577C170%2094.4242%20172.859%2090.9544%20177.421%2090.9544C179.959%2090.9544%20181.919%2092.111%20182.915%2094.0708L183.14%2091.4042H185.839V106.472C185.839%20111.42%20182.787%20114.568%20177.968%20114.568C173.695%20114.568%20170.771%20112.158%20170.193%20108.175H173.213C173.598%20110.488%20175.333%20111.837%20177.968%20111.837C180.923%20111.837%20182.851%20109.91%20182.851%20106.922V103.773C181.823%20105.604%20179.767%20106.697%20177.293%20106.697C172.827%20106.697%20170%20103.259%20170%2098.8577ZM173.02%2098.7935C173.02%20101.749%20174.851%20104.062%20177.807%20104.062C180.859%20104.062%20182.722%20101.878%20182.722%2098.7935C182.722%2095.7735%20180.923%2093.5889%20177.839%2093.5889C174.819%2093.5889%20173.02%2095.902%20173.02%2098.7935Z'%20fill='white'/%3e%3cpath%20d='M194.791%20107.5C191.418%20107.5%20189.426%20105.604%20189.426%20102.745C189.426%2099.8537%20191.579%2098.0545%20195.273%2097.7654L200.221%2097.3799V96.9301C200.221%2094.2957%20198.647%2093.364%20196.526%2093.364C193.988%2093.364%20192.542%2094.4884%20192.542%2096.3839H189.908C189.908%2093.1069%20192.607%2090.9544%20196.655%2090.9544C200.542%2090.9544%20203.176%2093.0106%20203.176%2097.2514V107.114H200.606L200.285%20104.576C199.482%20106.376%20197.329%20107.5%20194.791%20107.5ZM195.659%20105.155C198.518%20105.155%20200.253%20103.291%20200.253%20100.336V99.5003L196.237%2099.8216C193.57%20100.079%20192.478%20101.107%20192.478%20102.649C192.478%20104.319%20193.699%20105.155%20195.659%20105.155Z'%20fill='white'/%3e%3cpath%20d='M216.354%2091.2757V94.0386H215.005C212.146%2094.0386%20210.379%2095.7735%20210.379%2098.7935V107.114H207.359V91.4363H210.186L210.379%2093.8137C211.021%2092.1753%20212.596%2091.0829%20214.748%2091.0829C215.294%2091.0829%20215.744%2091.1472%20216.354%2091.2757Z'%20fill='white'/%3e%3cpath%20d='M224.919%20107.5C220.357%20107.5%20217.594%20104.094%20217.594%2099.3075C217.594%2094.4884%20220.389%2090.9544%20225.048%2090.9544C227.457%2090.9544%20229.481%2092.0146%20230.541%2093.9423V83.4688H233.529V107.114H230.831L230.574%20104.255C229.545%20106.408%20227.425%20107.5%20224.919%20107.5ZM225.53%20104.769C228.614%20104.769%20230.509%20102.488%20230.509%2099.2111C230.509%2095.9984%20228.614%2093.6852%20225.53%2093.6852C222.445%2093.6852%20220.646%2095.9984%20220.646%2099.2111C220.646%20102.456%20222.445%20104.769%20225.53%20104.769Z'%20fill='white'/%3e%3cpath%20d='M244.665%20107.5C240.039%20107.5%20236.858%20104.159%20236.858%2099.2754C236.858%2094.3599%20239.974%2090.9544%20244.536%2090.9544C249.002%2090.9544%20251.926%2094.0386%20251.926%2098.6971V99.8216L239.782%2099.8537C240.006%20103.163%20241.741%20104.994%20244.729%20104.994C247.074%20104.994%20248.617%20104.03%20249.131%20102.231H251.958C251.187%20105.604%20248.552%20107.5%20244.665%20107.5ZM244.536%2093.4925C241.902%2093.4925%20240.231%2095.0667%20239.846%2097.8297H248.906C248.906%2095.2273%20247.203%2093.4925%20244.536%2093.4925Z'%20fill='white'/%3e%3cpath%20d='M258.319%20107.114H255.299V91.4042H258.03L258.351%2093.8137C259.347%2092.0146%20261.339%2090.9544%20263.555%2090.9544C267.7%2090.9544%20269.595%2093.4925%20269.595%2097.5084V107.114H266.575V98.1831C266.575%2095.0025%20265.098%2093.7174%20262.784%2093.7174C259.957%2093.7174%20258.319%2095.7414%20258.319%2098.7935V107.114Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_11648_9381'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(-7%20184)%20rotate(90)%20scale(87)'%3e%3cstop%20offset='0.380208'%20stop-color='%239BC8FF'/%3e%3cstop%20offset='1'%20stop-color='%239BC8FF'%20stop-opacity='0.2'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_11648_9381'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(368%2033)%20rotate(90)%20scale(87)'%3e%3cstop%20offset='0.380208'%20stop-color='%239BC8FF'/%3e%3cstop%20offset='1'%20stop-color='%239BC8FF'%20stop-opacity='0.2'/%3e%3c/radialGradient%3e%3cclipPath%20id='clip0_11648_9381'%3e%3crect%20width='384'%20height='216'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  placeholderUrl as default
+};
+//# sourceMappingURL=blogPlaceholder.svg.js.map

package/dist/assets/blogPlaceholder.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blogPlaceholder.svg.js","sources":["../../src/assets/blogPlaceholder.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='384'%20height='216'%20viewBox='0%200%20384%20216'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_11648_9381)'%3e%3crect%20width='384'%20height='216'%20fill='%2359BB99'/%3e%3ccircle%20cx='-7'%20cy='184'%20r='87'%20fill='url(%23paint0_radial_11648_9381)'/%3e%3ccircle%20cx='368'%20cy='33'%20r='87'%20fill='url(%23paint1_radial_11648_9381)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M136%2078C141.959%2078%20146.986%2081.9942%20148.548%2087.4516C154.006%2089.014%20158%2094.0405%20158%2099.9999C158%20105.959%20154.006%20110.986%20148.548%20112.548C146.986%20118.006%20141.959%20122%20136%20122C130.04%20122%20125.014%20118.006%20123.452%20112.548C117.994%20110.986%20114%20105.959%20114%2099.9999C114%2094.0406%20117.994%2089.0142%20123.452%2087.4517C125.014%2081.9943%20130.04%2078%20136%2078Z'%20fill='%23F7CFDB'/%3e%3cpath%20d='M139.954%2095.3616C139.923%2097.884%20135.962%2097.5421%20134.7%2097.5267L134.755%2093.063C136.016%2093.0784%20139.985%2092.7277%20139.954%2095.3616ZM140.906%20102.316C140.874%20105.09%20136.128%20104.716%20134.611%20104.698L134.688%2099.7811C136.2%2099.8017%20140.958%2099.4226%20140.922%20102.32L140.906%20102.316ZM144.148%2094.4178C143.928%2091.7661%20141.653%2090.8548%20138.771%2090.5621L138.816%2086.8898L136.578%2086.8608L136.533%2090.4382C135.948%2090.4302%20135.347%2090.4347%20134.75%2090.4401L134.775%2086.845L132.543%2086.8093L132.499%2090.4777C132.013%2090.4841%20131.538%2090.4848%20131.075%2090.4809L127.993%2090.4406L127.964%2092.8313C127.964%2092.8313%20129.621%2092.8205%20129.584%2092.8518C130.21%2092.7802%20130.777%2093.2229%20130.86%2093.8471L130.822%2098.0175C130.901%2098.0184%20130.979%2098.0242%20131.057%2098.035L130.822%2098.034L130.737%20103.891C130.7%20104.329%20130.317%20104.655%20129.88%20104.621C129.914%20104.63%20128.256%20104.6%20128.256%20104.6L127.778%20107.263L130.688%20107.298L132.289%20107.314L132.246%20111.024L134.48%20111.052L134.512%20107.397C135.106%20107.419%20135.702%20107.43%20136.296%20107.436L136.25%20111.096L138.484%20111.124L138.535%20107.416C142.302%20107.247%20144.938%20106.332%20145.307%20102.809C145.601%2099.9679%20144.29%2098.6862%20142.168%2098.1466C143.474%2097.504%20144.303%2096.3533%20144.132%2094.4136L144.148%2094.4178Z'%20fill='%23DB6A93'/%3e%3cpath%20d='M170%2098.8577C170%2094.4242%20172.859%2090.9544%20177.421%2090.9544C179.959%2090.9544%20181.919%2092.111%20182.915%2094.0708L183.14%2091.4042H185.839V106.472C185.839%20111.42%20182.787%20114.568%20177.968%20114.568C173.695%20114.568%20170.771%20112.158%20170.193%20108.175H173.213C173.598%20110.488%20175.333%20111.837%20177.968%20111.837C180.923%20111.837%20182.851%20109.91%20182.851%20106.922V103.773C181.823%20105.604%20179.767%20106.697%20177.293%20106.697C172.827%20106.697%20170%20103.259%20170%2098.8577ZM173.02%2098.7935C173.02%20101.749%20174.851%20104.062%20177.807%20104.062C180.859%20104.062%20182.722%20101.878%20182.722%2098.7935C182.722%2095.7735%20180.923%2093.5889%20177.839%2093.5889C174.819%2093.5889%20173.02%2095.902%20173.02%2098.7935Z'%20fill='white'/%3e%3cpath%20d='M194.791%20107.5C191.418%20107.5%20189.426%20105.604%20189.426%20102.745C189.426%2099.8537%20191.579%2098.0545%20195.273%2097.7654L200.221%2097.3799V96.9301C200.221%2094.2957%20198.647%2093.364%20196.526%2093.364C193.988%2093.364%20192.542%2094.4884%20192.542%2096.3839H189.908C189.908%2093.1069%20192.607%2090.9544%20196.655%2090.9544C200.542%2090.9544%20203.176%2093.0106%20203.176%2097.2514V107.114H200.606L200.285%20104.576C199.482%20106.376%20197.329%20107.5%20194.791%20107.5ZM195.659%20105.155C198.518%20105.155%20200.253%20103.291%20200.253%20100.336V99.5003L196.237%2099.8216C193.57%20100.079%20192.478%20101.107%20192.478%20102.649C192.478%20104.319%20193.699%20105.155%20195.659%20105.155Z'%20fill='white'/%3e%3cpath%20d='M216.354%2091.2757V94.0386H215.005C212.146%2094.0386%20210.379%2095.7735%20210.379%2098.7935V107.114H207.359V91.4363H210.186L210.379%2093.8137C211.021%2092.1753%20212.596%2091.0829%20214.748%2091.0829C215.294%2091.0829%20215.744%2091.1472%20216.354%2091.2757Z'%20fill='white'/%3e%3cpath%20d='M224.919%20107.5C220.357%20107.5%20217.594%20104.094%20217.594%2099.3075C217.594%2094.4884%20220.389%2090.9544%20225.048%2090.9544C227.457%2090.9544%20229.481%2092.0146%20230.541%2093.9423V83.4688H233.529V107.114H230.831L230.574%20104.255C229.545%20106.408%20227.425%20107.5%20224.919%20107.5ZM225.53%20104.769C228.614%20104.769%20230.509%20102.488%20230.509%2099.2111C230.509%2095.9984%20228.614%2093.6852%20225.53%2093.6852C222.445%2093.6852%20220.646%2095.9984%20220.646%2099.2111C220.646%20102.456%20222.445%20104.769%20225.53%20104.769Z'%20fill='white'/%3e%3cpath%20d='M244.665%20107.5C240.039%20107.5%20236.858%20104.159%20236.858%2099.2754C236.858%2094.3599%20239.974%2090.9544%20244.536%2090.9544C249.002%2090.9544%20251.926%2094.0386%20251.926%2098.6971V99.8216L239.782%2099.8537C240.006%20103.163%20241.741%20104.994%20244.729%20104.994C247.074%20104.994%20248.617%20104.03%20249.131%20102.231H251.958C251.187%20105.604%20248.552%20107.5%20244.665%20107.5ZM244.536%2093.4925C241.902%2093.4925%20240.231%2095.0667%20239.846%2097.8297H248.906C248.906%2095.2273%20247.203%2093.4925%20244.536%2093.4925Z'%20fill='white'/%3e%3cpath%20d='M258.319%20107.114H255.299V91.4042H258.03L258.351%2093.8137C259.347%2092.0146%20261.339%2090.9544%20263.555%2090.9544C267.7%2090.9544%20269.595%2093.4925%20269.595%2097.5084V107.114H266.575V98.1831C266.575%2095.0025%20265.098%2093.7174%20262.784%2093.7174C259.957%2093.7174%20258.319%2095.7414%20258.319%2098.7935V107.114Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_11648_9381'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(-7%20184)%20rotate(90)%20scale(87)'%3e%3cstop%20offset='0.380208'%20stop-color='%239BC8FF'/%3e%3cstop%20offset='1'%20stop-color='%239BC8FF'%20stop-opacity='0.2'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_11648_9381'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(368%2033)%20rotate(90)%20scale(87)'%3e%3cstop%20offset='0.380208'%20stop-color='%239BC8FF'/%3e%3cstop%20offset='1'%20stop-color='%239BC8FF'%20stop-opacity='0.2'/%3e%3c/radialGradient%3e%3cclipPath%20id='clip0_11648_9381'%3e%3crect%20width='384'%20height='216'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAA,iBAAe;"}

package/dist/assets/maskRect.svg.js

@@ -0,0 +1,5 @@
+const MaskURL = "data:image/svg+xml,%3csvg%20width='3956'%20height='906'%20viewBox='0%200%203956%20906'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='3956'%20height='906'%20fill='url(%23paint0_linear_579_2)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_579_2'%20x1='1465.5'%20y1='731.406'%20x2='2604.91'%20y2='227.235'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-opacity='0'/%3e%3cstop%20offset='0.115385'/%3e%3cstop%20offset='0.88'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
+export {
+  MaskURL as default
+};
+//# sourceMappingURL=maskRect.svg.js.map

package/dist/assets/maskRect.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maskRect.svg.js","sources":["../../src/assets/maskRect.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='3956'%20height='906'%20viewBox='0%200%203956%20906'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='3956'%20height='906'%20fill='url(%23paint0_linear_579_2)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_579_2'%20x1='1465.5'%20y1='731.406'%20x2='2604.91'%20y2='227.235'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-opacity='0'/%3e%3cstop%20offset='0.115385'/%3e%3cstop%20offset='0.88'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAA,UAAe;"}

package/dist/components/BlogCard/BlogCard.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { b as buildExports } from "../../node_modules/react-lazy-load-image-component/build/index.js";
+/* empty css                                                                      */
+import placeholderUrl from "../../assets/blogPlaceholder.svg.js";
+import { cn } from "../../utils/utils.js";
+import { Opacity } from "../Opacity/Opacity.js";
+import { Typography } from "../Typography/Typography.js";
+const BlogCard = ({
+  thumbnail,
+  category,
+  date,
+  title,
+  className,
+  thumbnailClassName
+}) => {
+  const [loaded, setLoaded] = useState(false);
+  const [imageSrc, setImageSrc] = useState(thumbnail ?? placeholderUrl);
+  useEffect(() => {
+    setImageSrc(thumbnail ?? placeholderUrl);
+  }, [thumbnail]);
+  const handleError = () => {
+    setImageSrc(placeholderUrl);
+  };
+  const LazyImage = buildExports.LazyLoadImage;
+  return /* @__PURE__ */ jsx(Opacity, { level: "semi-dark", className: "gf-rounded-2xl h-full", children: /* @__PURE__ */ jsxs("div", { className: cn(className, `gf-overflow-hidden gf-rounded-2xl`), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(thumbnailClassName, `${loaded ? "" : "gf-filter gf-blur-md"}`),
+        children: /* @__PURE__ */ jsx(
+          LazyImage,
+          {
+            alt: title,
+            effect: "blur",
+            src: imageSrc,
+            onLoad: () => setLoaded(true),
+            onError: handleError
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "gf-px-4 gf-pt-4 gf-pb-5 gf-md:px-5 gf-md:pb-11", children: [
+      /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-justify-between gf-mb-3", children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            size: "h5",
+            weight: "medium",
+            className: "gf-bg-rose gf-px-3 gf-py-1 gf-rounded-full",
+            children: category
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { size: "h5", weight: "medium", className: "gf-px-3 gf-py-1", children: date })
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { size: "h3", weight: "bold", children: title })
+    ] })
+  ] }) });
+};
+export {
+  BlogCard
+};
+//# sourceMappingURL=BlogCard.js.map

package/dist/components/BlogCard/BlogCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogCard.js","sources":["../../../src/components/BlogCard/BlogCard.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Opacity, Typography } from \"../\";\nimport { LazyLoadImage, LazyLoadImageProps } from \"react-lazy-load-image-component\";\nimport \"react-lazy-load-image-component/src/effects/blur.css\";\nimport placeholderUrl from \"../../assets/blogPlaceholder.svg\";\nimport { cn } from \"../../utils/utils\";\n\ntype BlogCardProps = {\n  thumbnail?: string;\n  category: string;\n  date: string;\n  title: string;\n  className?: string;\n  thumbnailClassName?: string;\n};\n\n/**\n * BlogCard\n * @param thumbnail image url\n * @param category of the blog\n * @param date of publishing for blog\n * @param title of the blog\n * @param className for the blog card itself\n * @param thumbnailClassName for the image inside blog card\n * @returns BlogCard component\n */\nexport const BlogCard: React.FC<BlogCardProps> = ({\n  thumbnail,\n  category,\n  date,\n  title,\n  className,\n  thumbnailClassName\n}) => {\n  const [loaded, setLoaded] = useState(false);\n  const [imageSrc, setImageSrc] = useState(thumbnail ?? placeholderUrl);\n\n  useEffect(() => {\n    setImageSrc(thumbnail ?? placeholderUrl);\n  }, [thumbnail]);\n\n  const handleError = () => {\n    setImageSrc(placeholderUrl);\n  };\n\n  const LazyImage = LazyLoadImage as React.FC<LazyLoadImageProps>;\n\n  return (\n    <Opacity level=\"semi-dark\" className=\"gf-rounded-2xl h-full\">\n      <div className={cn(className, `gf-overflow-hidden gf-rounded-2xl`)}>\n        <div\n          className={cn(thumbnailClassName, `${\n            loaded ? \"\" : \"gf-filter gf-blur-md\"\n          }`)}\n        >\n          <LazyImage\n            alt={title}\n            effect=\"blur\"\n            src={imageSrc}\n            onLoad={() => setLoaded(true)}\n            onError={handleError}\n          />\n        </div>\n        <div className=\"gf-px-4 gf-pt-4 gf-pb-5 gf-md:px-5 gf-md:pb-11\">\n          <div className=\"gf-flex gf-justify-between gf-mb-3\">\n            <Typography\n              size=\"h5\"\n              weight=\"medium\"\n              className=\"gf-bg-rose gf-px-3 gf-py-1 gf-rounded-full\"\n            >\n              {category}\n            </Typography>\n            <Typography size=\"h5\" weight=\"medium\" className=\"gf-px-3 gf-py-1\">\n              {date}\n            </Typography>\n          </div>\n          <Typography size=\"h3\" weight=\"bold\">\n            {title}\n          </Typography>\n        </div>\n      </div>\n    </Opacity>\n  );\n};\n"],"names":["LazyLoadImage"],"mappings":";;;;;;;;AA0BO,MAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,aAAa,cAAc;AAEpE,YAAU,MAAM;AACd,gBAAY,aAAa,cAAc;AAAA,EACzC,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,cAAc,MAAM;AACxB,gBAAY,cAAc;AAAA,EAC5B;AAEA,QAAM,YAAYA,aAAAA;AAElB,SACE,oBAAC,SAAA,EAAQ,OAAM,aAAY,WAAU,yBACnC,UAAA,qBAAC,OAAA,EAAI,WAAW,GAAG,WAAW,mCAAmC,GAC/D,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,oBAAoB,GAChC,SAAS,KAAK,sBAChB,EAAE;AAAA,QAEF,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,QAAO;AAAA,YACP,KAAK;AAAA,YACL,QAAQ,MAAM,UAAU,IAAI;AAAA,YAC5B,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,IAEF,qBAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,QAAO;AAAA,YACP,WAAU;AAAA,YAET,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,WAAU,mBAC7C,UAAA,KAAA,CACH;AAAA,MAAA,GACF;AAAA,0BACC,YAAA,EAAW,MAAK,MAAK,QAAO,QAC1B,UAAA,MAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

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

package/dist/components/BlogCard/index.js

@@ -0,0 +1,5 @@
+import { BlogCard } from "./BlogCard.js";
+export {
+  BlogCard
+};
+//# sourceMappingURL=index.js.map

package/dist/components/BlogCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Drawer } from "../../node_modules/vaul/dist/index.js";
+import { ClientOnly } from "../ClientOnly/ClientOnly.js";
+const BottomSheet = ({
+  children,
+  open,
+  onOpenChange
+}) => {
+  return /* @__PURE__ */ jsx(ClientOnly, { children: /* @__PURE__ */ jsxs(Drawer.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx(Drawer.Overlay, { className: "gf-fixed gf-inset-0 gf-z-50 gf-h-screen gf-w-screen gf-bg-dark-grey gf-bg-opacity-40 gf-transition-colors gf-duration-500 gf-ease-cubic-in-out" }),
+    /* @__PURE__ */ jsx(Drawer.Portal, { children: /* @__PURE__ */ jsxs(Drawer.Content, { className: "gf-fixed gf-bottom-0 gf-z-50 gf-h-fit gf-w-full gf-rounded-t-xl gf-bg-white/50 gf-px-4 gf-py-4 gf-outline-none gf-backdrop-blur-[20px]", children: [
+      /* @__PURE__ */ jsx("div", { className: "gf-mx-auto gf-mb-3 gf-h-1 gf-w-[60px] gf-rounded-full gf-bg-white/30" }),
+      /* @__PURE__ */ jsx("div", { className: "gf-scrollbar-hide gf-flex gf-max-h-[90vh] gf-flex-col gf-gap-5 gf-overflow-y-scroll", children })
+    ] }) })
+  ] }) });
+};
+export {
+  BottomSheet
+};
+//# sourceMappingURL=BottomSheet.js.map

package/dist/components/BottomSheet/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { FC, ReactNode } from \"react\";\nimport { Drawer } from \"vaul\";\nimport { ClientOnly } from \"../ClientOnly/ClientOnly\";\n\ntype BottomSheetProps = {\n  children: ReactNode;\n  open: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport const BottomSheet: FC<BottomSheetProps> = ({\n  children,\n  open,\n  onOpenChange,\n}) => {\n  return (\n    <ClientOnly>\n      <Drawer.Root open={open} onOpenChange={onOpenChange}>\n        <Drawer.Overlay className=\"gf-fixed gf-inset-0 gf-z-50 gf-h-screen gf-w-screen gf-bg-dark-grey gf-bg-opacity-40 gf-transition-colors gf-duration-500 gf-ease-cubic-in-out\" />\n        <Drawer.Portal>\n          <Drawer.Content className=\"gf-fixed gf-bottom-0 gf-z-50 gf-h-fit gf-w-full gf-rounded-t-xl gf-bg-white/50 gf-px-4 gf-py-4 gf-outline-none gf-backdrop-blur-[20px]\">\n            <div className=\"gf-mx-auto gf-mb-3 gf-h-1 gf-w-[60px] gf-rounded-full gf-bg-white/30\" />\n            <div className=\"gf-scrollbar-hide gf-flex gf-max-h-[90vh] gf-flex-col gf-gap-5 gf-overflow-y-scroll\">\n              {children}\n            </div>\n          </Drawer.Content>\n        </Drawer.Portal>\n      </Drawer.Root>\n    </ClientOnly>\n  );\n};\n"],"names":[],"mappings":";;;AAUO,MAAM,cAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,6BACG,YAAA,EACC,UAAA,qBAAC,OAAO,MAAP,EAAY,MAAY,cACvB,UAAA;AAAA,IAAA,oBAAC,OAAO,SAAP,EAAe,WAAU,iJAAA,CAAiJ;AAAA,IAC3K,oBAAC,OAAO,QAAP,EACC,+BAAC,OAAO,SAAP,EAAe,WAAU,0IACxB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,uEAAA,CAAuE;AAAA,MACtF,oBAAC,OAAA,EAAI,WAAU,uFACZ,SAAA,CACH;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

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

package/dist/components/BottomSheet/index.js

@@ -0,0 +1,5 @@
+import { BottomSheet } from "./BottomSheet.js";
+export {
+  BottomSheet
+};
+//# sourceMappingURL=index.js.map

package/dist/components/BottomSheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/{atoms/Button → Button}/Button.d.ts

@@ -4,10 +4,17 @@ type BreakpointVariants = "xs" | "sm" | "md" | "lg" | "xl";
 type Breakpoints = {
     [K in BreakpointVariants]?: SizeVariants;
 };
+type ButtonColors = {
+    primary?: string;
+    secondary?: string;
+    ternary?: string;
+    disabled?: string;
+};
 export declare const Button: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
     variant?: Variants;
     size?: SizeVariants;
     breakpoints?: Breakpoints;
     loading?: boolean;
+    colors?: ButtonColors;
 } & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/components/Button/Button.js

@@ -0,0 +1,122 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn } from "../../utils/utils.js";
+import { forwardRef } from "react";
+import { ClientOnlyLottie } from "./ClientOnlyLottie.js";
+import spinnerAnimation from "./spinner.json.js";
+const buttonStyles = cva(
+  [
+    "gf-font-haffer",
+    "gf-font-medium",
+    "gf-min-w-32",
+    "gf-px-6",
+    "gf-focus:outline-none",
+    "gf-border-none",
+    "gf-transition-colors",
+    "gf-duration-500"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: "gf-text-white gf-bg-button-primary",
+        secondary: "gf-text-white gf-bg-button-secondary",
+        ternary: "gf-text-dark-grey gf-bg-button-ternary",
+        disabled: "gf-bg-button-disabled-bg gf-text-button-disabled-text gf-cursor-not-allowed"
+      },
+      size: {
+        sm: "gf-h-9 gf-rounded-xl gf-text-xs",
+        md: "gf-h-10 gf-rounded-xl gf-text-sm",
+        lg: "gf-h-12 gf-rounded-2xl gf-text-base"
+      },
+      breakpointSize: {
+        // breakpoint: button size
+        "xs:sm": "xs:gf-h-9 xs:gf-rounded-xl xs:gf-text-xs",
+        "xs:md": "xs:gf-h-10 xs:gf-rounded-xl xs:gf-text-sm",
+        "xs:lg": "xs:gf-h-12 xs:gf-rounded-2xl xs:gf-text-base",
+        "sm:sm": "sm:gf-h-9 sm:gf-rounded-xl sm:gf-text-xs",
+        "sm:md": "sm:gf-h-10 sm:gf-rounded-xl sm:gf-text-sm",
+        "sm:lg": "sm:gf-h-12 sm:gf-rounded-2xl sm:gf-text-base",
+        "md:sm": "md:gf-h-9 md:gf-rounded-xl md:gf-text-xs",
+        "md:md": "md:gf-h-10 md:gf-rounded-xl md:gf-text-sm",
+        "md:lg": "md:gf-h-12 md:gf-rounded-2xl md:gf-text-base",
+        "lg:sm": "lg:gf-h-9 lg:gf-rounded-xl lg:gf-text-xs",
+        "lg:md": "lg:gf-h-10 lg:gf-rounded-xl lg:gf-text-sm",
+        "lg:lg": "lg:gf-h-12 lg:gf-rounded-2xl lg:gf-text-base",
+        "xl:sm": "xl:gf-h-9 xl:gf-rounded-xl xl:gf-text-xs",
+        "xl:md": "xl:gf-h-10 xl:gf-rounded-xl xl:gf-text-sm",
+        "xl:lg": "xl:gf-h-12 xl:gf-rounded-2xl xl:gf-text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+const Button = forwardRef(
+  ({
+    variant,
+    size,
+    breakpoints,
+    loading,
+    className,
+    children,
+    colors,
+    ...props
+  }, ref) => {
+    const breakpointClasses = breakpoints ? Object.entries(breakpoints).map(([breakpoint, size2]) => `${breakpoint}:${size2}`).map(
+      (key) => buttonStyles({ breakpointSize: key })
+    ).join(" ") : "";
+    const getDynamicColorStyle = () => {
+      if (!colors || !variant) return {};
+      const colorClass = colors[variant];
+      if (!colorClass) return {};
+      if (variant === "primary") {
+        return { backgroundColor: colorClass };
+      } else if (variant === "secondary") {
+        return { backgroundColor: colorClass };
+      } else if (variant === "ternary") {
+        return { backgroundColor: colorClass };
+      } else if (variant === "disabled") {
+        return { backgroundColor: colorClass };
+      }
+      return {};
+    };
+    const dynamicColorStyle = getDynamicColorStyle();
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        className: cn(
+          "gf-transition-colors gf-duration-300",
+          className,
+          buttonStyles({
+            variant,
+            size
+          }),
+          breakpointClasses,
+          loading
+        ),
+        style: dynamicColorStyle,
+        disabled: loading || variant === "disabled",
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-justify-center gf-items-center gf-gap-3", children: [
+          children,
+          loading && /* @__PURE__ */ jsx(
+            ClientOnlyLottie,
+            {
+              animationData: spinnerAnimation,
+              loop: true,
+              autoplay: true,
+              style: { width: 24, height: 24 }
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { cn } from \"../../utils/utils\";\nimport { forwardRef } from \"react\";\nimport { ClientOnlyLottie } from \"./ClientOnlyLottie\";\nimport spinnerAnimation from \"./spinner.json\";\n\ntype Variants = \"primary\" | \"secondary\" | \"disabled\" | \"ternary\";\ntype SizeVariants = \"sm\" | \"md\" | \"lg\";\ntype BreakpointVariants = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype Breakpoints = {\n  [K in BreakpointVariants]?: SizeVariants;\n};\n\ntype ButtonColors = {\n  primary?: string;\n  secondary?: string;\n  ternary?: string;\n  disabled?: string;\n};\n\nconst buttonStyles = cva(\n  [\n    \"gf-font-haffer\",\n    \"gf-font-medium\",\n    \"gf-min-w-32\",\n    \"gf-px-6\",\n    \"gf-focus:outline-none\",\n    \"gf-border-none\",\n    \"gf-transition-colors\",\n    \"gf-duration-500\",\n  ],\n  {\n    variants: {\n      variant: {\n        primary: \"gf-text-white gf-bg-button-primary\",\n        secondary: \"gf-text-white gf-bg-button-secondary\",\n        ternary: \"gf-text-dark-grey gf-bg-button-ternary\",\n        disabled:\n          \"gf-bg-button-disabled-bg gf-text-button-disabled-text gf-cursor-not-allowed\",\n      },\n      size: {\n        sm: \"gf-h-9 gf-rounded-xl gf-text-xs\",\n        md: \"gf-h-10 gf-rounded-xl gf-text-sm\",\n        lg: \"gf-h-12 gf-rounded-2xl gf-text-base\",\n      },\n      breakpointSize: {\n        // breakpoint: button size\n        \"xs:sm\": \"xs:gf-h-9 xs:gf-rounded-xl xs:gf-text-xs\",\n        \"xs:md\": \"xs:gf-h-10 xs:gf-rounded-xl xs:gf-text-sm\",\n        \"xs:lg\": \"xs:gf-h-12 xs:gf-rounded-2xl xs:gf-text-base\",\n        \"sm:sm\": \"sm:gf-h-9 sm:gf-rounded-xl sm:gf-text-xs\",\n        \"sm:md\": \"sm:gf-h-10 sm:gf-rounded-xl sm:gf-text-sm\",\n        \"sm:lg\": \"sm:gf-h-12 sm:gf-rounded-2xl sm:gf-text-base\",\n        \"md:sm\": \"md:gf-h-9 md:gf-rounded-xl md:gf-text-xs\",\n        \"md:md\": \"md:gf-h-10 md:gf-rounded-xl md:gf-text-sm\",\n        \"md:lg\": \"md:gf-h-12 md:gf-rounded-2xl md:gf-text-base\",\n        \"lg:sm\": \"lg:gf-h-9 lg:gf-rounded-xl lg:gf-text-xs\",\n        \"lg:md\": \"lg:gf-h-10 lg:gf-rounded-xl lg:gf-text-sm\",\n        \"lg:lg\": \"lg:gf-h-12 lg:gf-rounded-2xl lg:gf-text-base\",\n        \"xl:sm\": \"xl:gf-h-9 xl:gf-rounded-xl xl:gf-text-xs\",\n        \"xl:md\": \"xl:gf-h-10 xl:gf-rounded-xl xl:gf-text-sm\",\n        \"xl:lg\": \"xl:gf-h-12 xl:gf-rounded-2xl xl:gf-text-base\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  }\n);\n\ntype BreakpointSizeKey = `${BreakpointVariants}:${SizeVariants}`;\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: Variants;\n  size?: SizeVariants;\n  breakpoints?: Breakpoints;\n  loading?: boolean;\n  colors?: ButtonColors;\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant,\n      size,\n      breakpoints,\n      loading,\n      className,\n      children,\n      colors,\n      ...props\n    },\n    ref\n  ) => {\n    const breakpointClasses = breakpoints\n      ? Object.entries(breakpoints)\n          .map(([breakpoint, size]) => `${breakpoint}:${size}`)\n          .map((key) =>\n            buttonStyles({ breakpointSize: key as BreakpointSizeKey })\n          )\n          .join(\" \")\n      : \"\";\n\n    const getDynamicColorStyle = () => {\n      if (!colors || !variant) return {};\n\n      const colorClass = colors[variant];\n      if (!colorClass) return {};\n\n      if (variant === \"primary\") {\n        return { backgroundColor: colorClass };\n      } else if (variant === \"secondary\") {\n        return { backgroundColor: colorClass };\n      } else if (variant === \"ternary\") {\n        return { backgroundColor: colorClass };\n      } else if (variant === \"disabled\") {\n        return { backgroundColor: colorClass };\n      }\n\n      return {};\n    };\n\n    const dynamicColorStyle = getDynamicColorStyle();\n\n    return (\n      <button\n        ref={ref}\n        className={cn(\n          \"gf-transition-colors gf-duration-300\",\n          className,\n          buttonStyles({\n            variant,\n            size,\n          }),\n          breakpointClasses,\n          loading\n        )}\n        style={dynamicColorStyle}\n        disabled={loading || variant === \"disabled\"}\n        {...props}\n      >\n        <div className=\"gf-flex gf-justify-center gf-items-center gf-gap-3\">\n          {children}\n          {loading && (\n            <ClientOnlyLottie\n              animationData={spinnerAnimation}\n              loop\n              autoplay\n              style={{ width: 24, height: 24 }}\n            />\n          )}\n        </div>\n      </button>\n    );\n  }\n);\n"],"names":["size"],"mappings":";;;;;;AAoBA,MAAM,eAAe;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,UACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,gBAAgB;AAAA;AAAA,QAEd,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAYO,MAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,oBAAoB,cACtB,OAAO,QAAQ,WAAW,EACvB,IAAI,CAAC,CAAC,YAAYA,KAAI,MAAM,GAAG,UAAU,IAAIA,KAAI,EAAE,EACnD;AAAA,MAAI,CAAC,QACJ,aAAa,EAAE,gBAAgB,KAA0B;AAAA,IAAA,EAE1D,KAAK,GAAG,IACX;AAEJ,UAAM,uBAAuB,MAAM;AACjC,UAAI,CAAC,UAAU,CAAC,gBAAgB,CAAA;AAEhC,YAAM,aAAa,OAAO,OAAO;AACjC,UAAI,CAAC,WAAY,QAAO,CAAA;AAExB,UAAI,YAAY,WAAW;AACzB,eAAO,EAAE,iBAAiB,WAAA;AAAA,MAC5B,WAAW,YAAY,aAAa;AAClC,eAAO,EAAE,iBAAiB,WAAA;AAAA,MAC5B,WAAW,YAAY,WAAW;AAChC,eAAO,EAAE,iBAAiB,WAAA;AAAA,MAC5B,WAAW,YAAY,YAAY;AACjC,eAAO,EAAE,iBAAiB,WAAA;AAAA,MAC5B;AAEA,aAAO,CAAA;AAAA,IACT;AAEA,UAAM,oBAAoB,qBAAA;AAE1B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA,aAAa;AAAA,YACX;AAAA,YACA;AAAA,UAAA,CACD;AAAA,UACD;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,OAAO;AAAA,QACP,UAAU,WAAW,YAAY;AAAA,QAChC,GAAG;AAAA,QAEJ,UAAA,qBAAC,OAAA,EAAI,WAAU,sDACZ,UAAA;AAAA,UAAA;AAAA,UACA,WACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAe;AAAA,cACf,MAAI;AAAA,cACJ,UAAQ;AAAA,cACR,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,YAAG;AAAA,UAAA;AAAA,QACjC,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/components/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/Button/ClientOnlyLottie.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { ClientOnly } from "../ClientOnly/ClientOnly.js";
+const ClientOnlyLottie = ({
+  animationData,
+  loop = true,
+  autoplay = true,
+  style
+}) => {
+  const [LottieComponent, setLottieComponent] = useState(null);
+  useEffect(() => {
+    import("lottie-react").then((module) => {
+      setLottieComponent(() => module.default);
+    });
+  }, []);
+  return /* @__PURE__ */ jsx(ClientOnly, { fallback: /* @__PURE__ */ jsx("div", { style }), children: LottieComponent ? /* @__PURE__ */ jsx(
+    LottieComponent,
+    {
+      animationData,
+      loop,
+      autoplay,
+      style
+    }
+  ) : /* @__PURE__ */ jsx("div", { style }) });
+};
+export {
+  ClientOnlyLottie
+};
+//# sourceMappingURL=ClientOnlyLottie.js.map

package/dist/components/Button/ClientOnlyLottie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientOnlyLottie.js","sources":["../../../src/components/Button/ClientOnlyLottie.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { ClientOnly } from \"../ClientOnly/ClientOnly\";\n\ninterface ClientOnlyLottieProps {\n  animationData: any;\n  loop?: boolean;\n  autoplay?: boolean;\n  style?: React.CSSProperties;\n}\n\nexport const ClientOnlyLottie = ({\n  animationData,\n  loop = true,\n  autoplay = true,\n  style,\n}: ClientOnlyLottieProps) => {\n  const [LottieComponent, setLottieComponent] = useState<any>(null);\n\n  useEffect(() => {\n    import(\"lottie-react\").then((module) => {\n      setLottieComponent(() => module.default);\n    });\n  }, []);\n\n  return (\n    <ClientOnly fallback={<div style={style} />}>\n      {LottieComponent ? (\n        <LottieComponent\n          animationData={animationData}\n          loop={loop}\n          autoplay={autoplay}\n          style={style}\n        />\n      ) : (\n        <div style={style} />\n      )}\n    </ClientOnly>\n  );\n};\n"],"names":[],"mappings":";;;AAUO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AACF,MAA6B;AAC3B,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAc,IAAI;AAEhE,YAAU,MAAM;AACd,WAAO,cAAc,EAAE,KAAK,CAAC,WAAW;AACtC,yBAAmB,MAAM,OAAO,OAAO;AAAA,IACzC,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,6BACG,YAAA,EAAW,8BAAW,OAAA,EAAI,MAAA,CAAc,GACtC,UAAA,kBACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,IAGF,oBAAC,OAAA,EAAI,MAAA,CAAc,EAAA,CAEvB;AAEJ;"}

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

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

package/dist/components/Button/index.js

@@ -0,0 +1,5 @@
+import { Button } from "./Button.js";
+export {
+  Button
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}