@gardenfi/garden-book 0.2.3-beta.10 → 0.2.3-beta.12

package/dist/Opacity-DRe3jTZ4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Opacity-DRe3jTZ4.js","sources":["../src/components/Opacity/Opacity.tsx"],"sourcesContent":["import { cn } from \"../../utils/utils\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport React from \"react\";\n\nexport type OpacityVariants = \"extra-light\" | \"light\" | \"medium\" | \"semi-dark\" | \"full\";\n\nconst OpacityStyles = cva(\"gf-bg-white\", {\n  variants: {\n    level: {\n      \"extra-light\": \"gf-bg-opacity-10\",\n      light: \"gf-bg-opacity-25\",\n      medium: \"gf-bg-opacity-50\",\n      \"semi-dark\": \"gf-bg-opacity-75\",\n      full: \"gf-bg-opacity-100\",\n    },\n  },\n  defaultVariants: {\n    level: \"full\",\n  },\n});\n\nexport type OpacityProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof OpacityStyles> & {\n    children: React.ReactNode;\n  };\n\nexport const Opacity: React.FC<OpacityProps> = ({\n  level,\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <div {...props} className={cn(OpacityStyles({ level }), className)}>\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAMA,MAAM,gBAAgB,IAAI,eAAe;AAAA,EACvC,UAAU;AAAA,IACR,OAAO;AAAA,MACL,eAAe;AAAA,MACf,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,iBAAiB;AAAA,IACf,OAAO;AAAA,EAAA;AAEX,CAAC;AAOM,MAAM,UAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,oBAAC,OAAA,EAAK,GAAG,OAAO,WAAW,GAAG,cAAc,EAAE,MAAA,CAAO,GAAG,SAAS,GAC9D,SAAA,CACH;AAEJ;"}

package/dist/Opacity.js

@@ -0,0 +1,5 @@
+import { O } from "./Opacity-DRe3jTZ4.js";
+export {
+  O as Opacity
+};
+//# sourceMappingURL=Opacity.js.map

package/dist/Opacity.js.map

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

package/dist/OpenInFullIcon-D2mt0Gjr.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+const LockIcon = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "14",
+      height: "19",
+      viewBox: "0 0 14 19",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M1.9987 18.3333C1.54036 18.3333 1.148 18.1701 0.821615 17.8437C0.495226 17.5173 0.332031 17.125 0.332031 16.6666V8.33331C0.332031 7.87498 0.495226 7.48262 0.821615 7.15623C1.148 6.82984 1.54036 6.66665 1.9987 6.66665H2.83203V4.99998C2.83203 3.8472 3.23828 2.86456 4.05078 2.05206C4.86328 1.23956 5.84592 0.833313 6.9987 0.833313C8.15148 0.833313 9.13411 1.23956 9.94661 2.05206C10.7591 2.86456 11.1654 3.8472 11.1654 4.99998V6.66665H11.9987C12.457 6.66665 12.8494 6.82984 13.1758 7.15623C13.5022 7.48262 13.6654 7.87498 13.6654 8.33331V16.6666C13.6654 17.125 13.5022 17.5173 13.1758 17.8437C12.8494 18.1701 12.457 18.3333 11.9987 18.3333H1.9987ZM1.9987 16.6666H11.9987V8.33331H1.9987V16.6666ZM6.9987 14.1666C7.45703 14.1666 7.84939 14.0035 8.17578 13.6771C8.50217 13.3507 8.66536 12.9583 8.66536 12.5C8.66536 12.0416 8.50217 11.6493 8.17578 11.3229C7.84939 10.9965 7.45703 10.8333 6.9987 10.8333C6.54036 10.8333 6.148 10.9965 5.82161 11.3229C5.49523 11.6493 5.33203 12.0416 5.33203 12.5C5.33203 12.9583 5.49523 13.3507 5.82161 13.6771C6.148 14.0035 6.54036 14.1666 6.9987 14.1666ZM4.4987 6.66665H9.4987V4.99998C9.4987 4.30554 9.25564 3.71526 8.76953 3.22915C8.28342 2.74304 7.69314 2.49998 6.9987 2.49998C6.30425 2.49998 5.71398 2.74304 5.22786 3.22915C4.74175 3.71526 4.4987 4.30554 4.4987 4.99998V6.66665Z" })
+    }
+  );
+};
+const OpenInFullIcon = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M0.5 15.5V8.83333H2.16667V12.6667L12.6667 2.16667H8.83333V0.5H15.5V7.16667H13.8333V3.33333L3.33333 13.8333H7.16667V15.5H0.5Z" })
+    }
+  );
+};
+export {
+  LockIcon as L,
+  OpenInFullIcon as O
+};
+//# sourceMappingURL=OpenInFullIcon-D2mt0Gjr.js.map

package/dist/OpenInFullIcon-D2mt0Gjr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenInFullIcon-D2mt0Gjr.js","sources":["../src/components/Icons/LockIcon/LockIcon.tsx","../src/components/Icons/OpenInFullIcon/OpenInFullIcon.tsx"],"sourcesContent":["import React from \"react\";\ntype SvgProps = React.SVGProps<SVGSVGElement>;\n\nexport const LockIcon: React.FC<SvgProps> = (props) => {\n  return (\n    <svg\n      width=\"14\"\n      height=\"19\"\n      viewBox=\"0 0 14 19\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path d=\"M1.9987 18.3333C1.54036 18.3333 1.148 18.1701 0.821615 17.8437C0.495226 17.5173 0.332031 17.125 0.332031 16.6666V8.33331C0.332031 7.87498 0.495226 7.48262 0.821615 7.15623C1.148 6.82984 1.54036 6.66665 1.9987 6.66665H2.83203V4.99998C2.83203 3.8472 3.23828 2.86456 4.05078 2.05206C4.86328 1.23956 5.84592 0.833313 6.9987 0.833313C8.15148 0.833313 9.13411 1.23956 9.94661 2.05206C10.7591 2.86456 11.1654 3.8472 11.1654 4.99998V6.66665H11.9987C12.457 6.66665 12.8494 6.82984 13.1758 7.15623C13.5022 7.48262 13.6654 7.87498 13.6654 8.33331V16.6666C13.6654 17.125 13.5022 17.5173 13.1758 17.8437C12.8494 18.1701 12.457 18.3333 11.9987 18.3333H1.9987ZM1.9987 16.6666H11.9987V8.33331H1.9987V16.6666ZM6.9987 14.1666C7.45703 14.1666 7.84939 14.0035 8.17578 13.6771C8.50217 13.3507 8.66536 12.9583 8.66536 12.5C8.66536 12.0416 8.50217 11.6493 8.17578 11.3229C7.84939 10.9965 7.45703 10.8333 6.9987 10.8333C6.54036 10.8333 6.148 10.9965 5.82161 11.3229C5.49523 11.6493 5.33203 12.0416 5.33203 12.5C5.33203 12.9583 5.49523 13.3507 5.82161 13.6771C6.148 14.0035 6.54036 14.1666 6.9987 14.1666ZM4.4987 6.66665H9.4987V4.99998C9.4987 4.30554 9.25564 3.71526 8.76953 3.22915C8.28342 2.74304 7.69314 2.49998 6.9987 2.49998C6.30425 2.49998 5.71398 2.74304 5.22786 3.22915C4.74175 3.71526 4.4987 4.30554 4.4987 4.99998V6.66665Z\" />\n    </svg>\n  );\n};\n","import React from \"react\";\ntype SvgProps = React.SVGProps<SVGSVGElement>;\n\nexport const OpenInFullIcon: React.FC<SvgProps> = (props) => {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path d=\"M0.5 15.5V8.83333H2.16667V12.6667L12.6667 2.16667H8.83333V0.5H15.5V7.16667H13.8333V3.33333L3.33333 13.8333H7.16667V15.5H0.5Z\" />\n    </svg>\n  );\n};\n"],"names":[],"mappings":";AAGO,MAAM,WAA+B,CAAC,UAAU;AACrD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAG;AAAA,MAEJ,UAAA,oBAAC,QAAA,EAAK,GAAE,8xCAAA,CAA8xC;AAAA,IAAA;AAAA,EAAA;AAG5yC;ACbO,MAAM,iBAAqC,CAAC,UAAU;AAC3D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAG;AAAA,MAEJ,UAAA,oBAAC,QAAA,EAAK,GAAE,+HAAA,CAA+H;AAAA,IAAA;AAAA,EAAA;AAG7I;"}

package/dist/QuestCard/index.d.ts

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

package/dist/QuestCard.js

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as cva } from "./index-Ir5YwUO1.js";
+import { c as cn } from "./utils-BnsJHiW8.js";
+import { C as Chip } from "./Chip-DOSAEkS5.js";
+import { T as Typography } from "./Typography-DX9XpQWB.js";
+import { O as OpenInFullIcon, L as LockIcon } from "./OpenInFullIcon-D2mt0Gjr.js";
+const questCardStyles = cva(
+  ["gf-w-full gf-max-w-96 gf-p-4 gf-pb-5 md:gf-p-6 md:gf-pb-8 gf-rounded-2xl"],
+  {
+    variants: {
+      variant: {
+        locked: "gf-bg-white gf-bg-opacity-25",
+        default: "gf-bg-white gf-bg-opacity-50"
+      }
+    },
+    defaultVariants: {
+      variant: "locked"
+    }
+  }
+);
+const QuestCard = ({
+  variant,
+  title,
+  description,
+  chipContent,
+  logo
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: cn(questCardStyles({ variant })), children: [
+    /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-justify-between gf-items-center gf-mb-4", children: [
+      /* @__PURE__ */ jsxs(Chip, { className: "gf-cursor-pointer gf-px-2 gf-py-1", children: [
+        /* @__PURE__ */ jsx(Chip.Logo, { children: logo }),
+        title,
+        /* @__PURE__ */ jsx(Chip.CheckBox, { checked: false })
+      ] }),
+      variant === "default" ? /* @__PURE__ */ jsx(
+        OpenInFullIcon,
+        {
+          className: "gf-cursor-pointer",
+          height: "20px",
+          width: "20px"
+        }
+      ) : /* @__PURE__ */ jsx(LockIcon, { className: "gf-cursor-pointer", height: "20px", width: "20px" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "gf-mb-3 md:gf-mb-8", children: /* @__PURE__ */ jsx(Typography, { size: "h3", weight: "medium", children: description }) }),
+    /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-justify-end gf-space-x-2", children: [
+      /* @__PURE__ */ jsxs(Chip, { className: "gf-pl-3 gf-pr-2 gf-py-1", children: [
+        /* @__PURE__ */ jsx(Typography, { size: "h4", weight: "medium", children: "Quest Access" }),
+        /* @__PURE__ */ jsx(Chip.CheckBox, { checked: false })
+      ] }),
+      /* @__PURE__ */ jsxs(Chip, { className: "gf-pl-3 gf-pr-2 gf-py-1", children: [
+        /* @__PURE__ */ jsx(Typography, { size: "h4", weight: "medium", children: chipContent }),
+        /* @__PURE__ */ jsx(Chip.CheckBox, { checked: false })
+      ] })
+    ] })
+  ] });
+};
+export {
+  QuestCard
+};
+//# sourceMappingURL=QuestCard.js.map

package/dist/QuestCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestCard.js","sources":["../src/components/QuestCard/QuestCard.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/utils\";\nimport { Chip } from \"../Chip/Chip\";\nimport { LockIcon } from \"../Icons/LockIcon\";\nimport { OpenInFullIcon } from \"../Icons/OpenInFullIcon\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst questCardStyles = cva(\n  [\"gf-w-full gf-max-w-96 gf-p-4 gf-pb-5 md:gf-p-6 md:gf-pb-8 gf-rounded-2xl\"],\n  {\n    variants: {\n      variant: {\n        locked: \"gf-bg-white gf-bg-opacity-25\",\n        default: \"gf-bg-white gf-bg-opacity-50\",\n      },\n    },\n    defaultVariants: {\n      variant: \"locked\",\n    },\n  }\n);\n\ntype QuestCardProps = VariantProps<typeof questCardStyles> & {\n  title: string;\n  description: string;\n  chipContent: string;\n  logo: ReactNode;\n};\n\n/**\n * QuestCard organism\n * @param variant default or locked\n * @param title partner name\n * @param description describing partnership\n * @param chipContent usually SEED reward amount\n * @returns QuestCard component\n */\nexport const QuestCard: React.FC<QuestCardProps> = ({\n  variant,\n  title,\n  description,\n  chipContent,\n  logo,\n}) => {\n  return (\n    <div className={cn(questCardStyles({ variant }))}>\n      <div className=\"gf-flex gf-justify-between gf-items-center gf-mb-4\">\n        <Chip className=\"gf-cursor-pointer gf-px-2 gf-py-1\">\n          <Chip.Logo>{logo}</Chip.Logo>\n          {title}\n          <Chip.CheckBox checked={false} />\n        </Chip>\n        {variant === \"default\" ? (\n          <OpenInFullIcon\n            className=\"gf-cursor-pointer\"\n            height=\"20px\"\n            width=\"20px\"\n          />\n        ) : (\n          <LockIcon className=\"gf-cursor-pointer\" height=\"20px\" width=\"20px\" />\n        )}\n      </div>\n      <div className=\"gf-mb-3 md:gf-mb-8\">\n        <Typography size=\"h3\" weight=\"medium\">\n          {description}\n        </Typography>\n      </div>\n      <div className=\"gf-flex gf-justify-end gf-space-x-2\">\n        <Chip className=\"gf-pl-3 gf-pr-2 gf-py-1\">\n          <Typography size=\"h4\" weight=\"medium\">\n            Quest Access\n          </Typography>\n          <Chip.CheckBox checked={false} />\n        </Chip>\n        <Chip className=\"gf-pl-3 gf-pr-2 gf-py-1\">\n          <Typography size=\"h4\" weight=\"medium\">\n            {chipContent}\n          </Typography>\n          <Chip.CheckBox checked={false} />\n        </Chip>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,kBAAkB;AAAA,EACtB,CAAC,0EAA0E;AAAA,EAC3E;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAiBO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE,qBAAC,SAAI,WAAW,GAAG,gBAAgB,EAAE,QAAA,CAAS,CAAC,GAC7C,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,MAAA,qBAAC,MAAA,EAAK,WAAU,qCACd,UAAA;AAAA,QAAA,oBAAC,KAAK,MAAL,EAAW,UAAA,KAAA,CAAK;AAAA,QAChB;AAAA,QACD,oBAAC,KAAK,UAAL,EAAc,SAAS,MAAA,CAAO;AAAA,MAAA,GACjC;AAAA,MACC,YAAY,YACX;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,QAAO;AAAA,UACP,OAAM;AAAA,QAAA;AAAA,MAAA,wBAGP,UAAA,EAAS,WAAU,qBAAoB,QAAO,QAAO,OAAM,OAAA,CAAO;AAAA,IAAA,GAEvE;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,sBACb,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAC1B,UAAA,YAAA,CACH,GACF;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAA,qBAAC,MAAA,EAAK,WAAU,2BACd,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,UAAA,gBAEtC;AAAA,QACA,oBAAC,KAAK,UAAL,EAAc,SAAS,MAAA,CAAO;AAAA,MAAA,GACjC;AAAA,MACA,qBAAC,MAAA,EAAK,WAAU,2BACd,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAC1B,UAAA,aACH;AAAA,QACA,oBAAC,KAAK,UAAL,EAAc,SAAS,MAAA,CAAO;AAAA,MAAA,EAAA,CACjC;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/RadioUncheckedIcon-KnzZG6cp.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+const RadioCheckedIcon = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 18 18",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M7.83464 12.8334L13.7096 6.95835L12.543 5.79169L7.83464 10.5L5.45964 8.12502L4.29297 9.29169L7.83464 12.8334ZM9.0013 17.3334C7.84852 17.3334 6.76519 17.1146 5.7513 16.6771C4.73741 16.2396 3.85547 15.6459 3.10547 14.8959C2.35547 14.1459 1.76172 13.2639 1.32422 12.25C0.886719 11.2361 0.667969 10.1528 0.667969 9.00002C0.667969 7.84724 0.886719 6.76391 1.32422 5.75002C1.76172 4.73613 2.35547 3.85419 3.10547 3.10419C3.85547 2.35419 4.73741 1.76044 5.7513 1.32294C6.76519 0.885437 7.84852 0.666687 9.0013 0.666687C10.1541 0.666687 11.2374 0.885437 12.2513 1.32294C13.2652 1.76044 14.1471 2.35419 14.8971 3.10419C15.6471 3.85419 16.2409 4.73613 16.6784 5.75002C17.1159 6.76391 17.3346 7.84724 17.3346 9.00002C17.3346 10.1528 17.1159 11.2361 16.6784 12.25C16.2409 13.2639 15.6471 14.1459 14.8971 14.8959C14.1471 15.6459 13.2652 16.2396 12.2513 16.6771C11.2374 17.1146 10.1541 17.3334 9.0013 17.3334Z" })
+    }
+  );
+};
+const RadioUncheckedIcon = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 18 18",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M9.0013 17.3334C7.84852 17.3334 6.76519 17.1146 5.7513 16.6771C4.73741 16.2396 3.85547 15.6459 3.10547 14.8959C2.35547 14.1459 1.76172 13.2639 1.32422 12.25C0.886719 11.2361 0.667969 10.1528 0.667969 9.00002C0.667969 7.84724 0.886719 6.76391 1.32422 5.75002C1.76172 4.73613 2.35547 3.85419 3.10547 3.10419C3.85547 2.35419 4.73741 1.76044 5.7513 1.32294C6.76519 0.885437 7.84852 0.666687 9.0013 0.666687C10.1541 0.666687 11.2374 0.885437 12.2513 1.32294C13.2652 1.76044 14.1471 2.35419 14.8971 3.10419C15.6471 3.85419 16.2409 4.73613 16.6784 5.75002C17.1159 6.76391 17.3346 7.84724 17.3346 9.00002C17.3346 10.1528 17.1159 11.2361 16.6784 12.25C16.2409 13.2639 15.6471 14.1459 14.8971 14.8959C14.1471 15.6459 13.2652 16.2396 12.2513 16.6771C11.2374 17.1146 10.1541 17.3334 9.0013 17.3334ZM9.0013 15.6667C10.8624 15.6667 12.4388 15.0209 13.7305 13.7292C15.0221 12.4375 15.668 10.8611 15.668 9.00002C15.668 7.13891 15.0221 5.56252 13.7305 4.27085C12.4388 2.97919 10.8624 2.33335 9.0013 2.33335C7.14019 2.33335 5.5638 2.97919 4.27214 4.27085C2.98047 5.56252 2.33464 7.13891 2.33464 9.00002C2.33464 10.8611 2.98047 12.4375 4.27214 13.7292C5.5638 15.0209 7.14019 15.6667 9.0013 15.6667Z" })
+    }
+  );
+};
+export {
+  RadioCheckedIcon as R,
+  RadioUncheckedIcon as a
+};
+//# sourceMappingURL=RadioUncheckedIcon-KnzZG6cp.js.map

package/dist/RadioUncheckedIcon-KnzZG6cp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioUncheckedIcon-KnzZG6cp.js","sources":["../src/components/Icons/RadioCheckedIcon/RadioCheckedIcon.tsx","../src/components/Icons/RadioUncheckedIcon/RadioUncheckedIcon.tsx"],"sourcesContent":["import React from \"react\";\ntype SvgProps = React.SVGProps<SVGSVGElement>;\n\nexport const RadioCheckedIcon: React.FC<SvgProps> = (props) => {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 18 18\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path d=\"M7.83464 12.8334L13.7096 6.95835L12.543 5.79169L7.83464 10.5L5.45964 8.12502L4.29297 9.29169L7.83464 12.8334ZM9.0013 17.3334C7.84852 17.3334 6.76519 17.1146 5.7513 16.6771C4.73741 16.2396 3.85547 15.6459 3.10547 14.8959C2.35547 14.1459 1.76172 13.2639 1.32422 12.25C0.886719 11.2361 0.667969 10.1528 0.667969 9.00002C0.667969 7.84724 0.886719 6.76391 1.32422 5.75002C1.76172 4.73613 2.35547 3.85419 3.10547 3.10419C3.85547 2.35419 4.73741 1.76044 5.7513 1.32294C6.76519 0.885437 7.84852 0.666687 9.0013 0.666687C10.1541 0.666687 11.2374 0.885437 12.2513 1.32294C13.2652 1.76044 14.1471 2.35419 14.8971 3.10419C15.6471 3.85419 16.2409 4.73613 16.6784 5.75002C17.1159 6.76391 17.3346 7.84724 17.3346 9.00002C17.3346 10.1528 17.1159 11.2361 16.6784 12.25C16.2409 13.2639 15.6471 14.1459 14.8971 14.8959C14.1471 15.6459 13.2652 16.2396 12.2513 16.6771C11.2374 17.1146 10.1541 17.3334 9.0013 17.3334Z\" />\n    </svg>\n  );\n};\n","import React from \"react\";\ntype SvgProps = React.SVGProps<SVGSVGElement>;\n\nexport const RadioUncheckedIcon: React.FC<SvgProps> = (props) => {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 18 18\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path d=\"M9.0013 17.3334C7.84852 17.3334 6.76519 17.1146 5.7513 16.6771C4.73741 16.2396 3.85547 15.6459 3.10547 14.8959C2.35547 14.1459 1.76172 13.2639 1.32422 12.25C0.886719 11.2361 0.667969 10.1528 0.667969 9.00002C0.667969 7.84724 0.886719 6.76391 1.32422 5.75002C1.76172 4.73613 2.35547 3.85419 3.10547 3.10419C3.85547 2.35419 4.73741 1.76044 5.7513 1.32294C6.76519 0.885437 7.84852 0.666687 9.0013 0.666687C10.1541 0.666687 11.2374 0.885437 12.2513 1.32294C13.2652 1.76044 14.1471 2.35419 14.8971 3.10419C15.6471 3.85419 16.2409 4.73613 16.6784 5.75002C17.1159 6.76391 17.3346 7.84724 17.3346 9.00002C17.3346 10.1528 17.1159 11.2361 16.6784 12.25C16.2409 13.2639 15.6471 14.1459 14.8971 14.8959C14.1471 15.6459 13.2652 16.2396 12.2513 16.6771C11.2374 17.1146 10.1541 17.3334 9.0013 17.3334ZM9.0013 15.6667C10.8624 15.6667 12.4388 15.0209 13.7305 13.7292C15.0221 12.4375 15.668 10.8611 15.668 9.00002C15.668 7.13891 15.0221 5.56252 13.7305 4.27085C12.4388 2.97919 10.8624 2.33335 9.0013 2.33335C7.14019 2.33335 5.5638 2.97919 4.27214 4.27085C2.98047 5.56252 2.33464 7.13891 2.33464 9.00002C2.33464 10.8611 2.98047 12.4375 4.27214 13.7292C5.5638 15.0209 7.14019 15.6667 9.0013 15.6667Z\" />\n    </svg>\n  );\n};\n"],"names":[],"mappings":";AAGO,MAAM,mBAAuC,CAAC,UAAU;AAC7D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAG;AAAA,MAEJ,UAAA,oBAAC,QAAA,EAAK,GAAE,k4BAAA,CAAk4B;AAAA,IAAA;AAAA,EAAA;AAGh5B;ACbO,MAAM,qBAAyC,CAAC,UAAU;AAC/D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAG;AAAA,MAEJ,UAAA,oBAAC,QAAA,EAAK,GAAE,8pCAAA,CAA8pC;AAAA,IAAA;AAAA,EAAA;AAG5qC;"}

package/dist/Sidebar/index.d.ts

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

package/dist/Sidebar.js

@@ -0,0 +1,45 @@
+import { jsx } from "react/jsx-runtime";
+import { c as cn } from "./utils-BnsJHiW8.js";
+import { c as cva } from "./index-Ir5YwUO1.js";
+import { O as Opacity } from "./Opacity-DRe3jTZ4.js";
+import { R as ReactRemoveScroll } from "./Combination-BN2ESQ8D.js";
+import { C as ClientOnly } from "./ClientOnly-CMQEf-Yl.js";
+const sidebarStyles = cva(
+  "gf-fixed gf-inset-y-0 gf-right-0 gf-transition-transform gf-duration-200 gf-bg-white gf-backdrop-blur-sm gf-p-4",
+  {
+    variants: {
+      open: {
+        true: "gf-translate-x-0",
+        false: "gf-translate-x-full"
+      },
+      size: {
+        small: "gf-w-full md:gf-w-[360px]",
+        large: "gf-w-full md:gf-w-[480px]"
+      }
+    },
+    defaultVariants: {
+      open: false
+    }
+  }
+);
+const Sidebar = ({
+  open,
+  size,
+  children,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(ClientOnly, { children: /* @__PURE__ */ jsx(ReactRemoveScroll, { removeScrollBar: false, enabled: !!open, children: /* @__PURE__ */ jsx(
+    Opacity,
+    {
+      level: "medium",
+      className: cn(sidebarStyles({ open, size, className })),
+      ...props,
+      children
+    }
+  ) }) });
+};
+export {
+  Sidebar
+};
+//# sourceMappingURL=Sidebar.js.map

package/dist/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/utils\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { Opacity } from \"../Opacity/Opacity\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { ClientOnly } from \"../ClientOnly/ClientOnly\";\n\nconst sidebarStyles = cva(\n  \"gf-fixed gf-inset-y-0 gf-right-0 gf-transition-transform gf-duration-200 gf-bg-white gf-backdrop-blur-sm gf-p-4\",\n  {\n    variants: {\n      open: {\n        true: \"gf-translate-x-0\",\n        false: \"gf-translate-x-full\",\n      },\n      size: {\n        small: \"gf-w-full md:gf-w-[360px]\",\n        large: \"gf-w-full md:gf-w-[480px]\",\n      },\n    },\n    defaultVariants: {\n      open: false,\n    },\n  }\n);\n\nexport type SidebarProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof sidebarStyles>;\n\nexport const Sidebar: FC<SidebarProps> = ({\n  open,\n  size,\n  children,\n  className,\n  ...props\n}) => {\n  return (\n    <ClientOnly>\n      <RemoveScroll removeScrollBar={false} enabled={!!open}>\n        <Opacity\n          level={\"medium\"}\n          className={cn(sidebarStyles({ open, size, className }))}\n          {...props}\n        >\n          {children}\n        </Opacity>\n      </RemoveScroll>\n    </ClientOnly>\n  );\n};\n"],"names":["RemoveScroll"],"mappings":";;;;;;AAOA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAKO,MAAM,UAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,oBAAC,cACC,UAAA,oBAACA,mBAAA,EAAa,iBAAiB,OAAO,SAAS,CAAC,CAAC,MAC/C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW,GAAG,cAAc,EAAE,MAAM,MAAM,UAAA,CAAW,CAAC;AAAA,MACrD,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA,GAEL,EAAA,CACF;AAEJ;"}

package/dist/{components/molecules/TokenInfo → TokenInfo}/TokenInfo.d.ts

@@ -4,6 +4,7 @@ type TokenInfoProps = {
     symbol: string;
     tokenLogo: string;
     chainLogo?: string;
+    hideDropdown?: boolean;
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare const TokenInfo: React.FC<TokenInfoProps>;
 export {};

package/dist/TokenInfo/index.d.ts

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

package/dist/TokenInfo.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c as cn } from "./utils-BnsJHiW8.js";
+import { T as Typography } from "./Typography-DX9XpQWB.js";
+import { T as TokenNetworkLogos } from "./TokenNetworkLogos-DZZrRsmI.js";
+import { K as KeyboardDownIcon } from "./KeyboardDownIcon-hh63DdT7.js";
+const TokenInfo = ({
+  symbol,
+  tokenLogo,
+  chainLogo,
+  className,
+  hideDropdown = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "gf-flex gf-text-left gf-cursor-pointer gf-w-max",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs("button", { className: "gf-flex gf-flex-row gf-justify-center gf-items-center gf-gap-2 gf-w-full focus:gf-outline-none", children: [
+        /* @__PURE__ */ jsx(Typography, { size: "h2", weight: "regular", children: symbol }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `gf-flex gf-items-center gf-gap-1`,
+            children: [
+              /* @__PURE__ */ jsx(
+                TokenNetworkLogos,
+                {
+                  tokenLogo: tokenLogo || "",
+                  chainLogo: chainLogo || ""
+                }
+              ),
+              !hideDropdown && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(KeyboardDownIcon, {}) })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  TokenInfo
+};
+//# sourceMappingURL=TokenInfo.js.map

package/dist/TokenInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenInfo.js","sources":["../src/components/TokenInfo/TokenInfo.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../utils/utils\";\nimport { Typography } from \"../Typography/Typography\";\nimport { KeyboardDownIcon } from \"../Icons/KeyboardDownIcon\";\nimport { TokenNetworkLogos } from \"../TokenNetworkLogos/TokenNetworkLogos\";\n\ntype TokenInfoProps = {\n  symbol: string;\n  tokenLogo: string;\n  chainLogo?: string;\n  hideDropdown?: boolean;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport const TokenInfo: React.FC<TokenInfoProps> = ({\n  symbol,\n  tokenLogo,\n  chainLogo,\n  className,\n  hideDropdown = false,\n  ...props\n}) => {\n  return (\n    <div\n      className={cn(\n        \"gf-flex gf-text-left gf-cursor-pointer gf-w-max\",\n        className\n      )}\n      {...props}\n    >\n      <button className=\"gf-flex gf-flex-row gf-justify-center gf-items-center gf-gap-2 gf-w-full focus:gf-outline-none\">\n        <Typography size=\"h2\" weight=\"regular\">\n          {symbol}\n        </Typography>\n        <div\n          className={`gf-flex gf-items-center gf-gap-1`}\n        >\n          <TokenNetworkLogos\n            tokenLogo={tokenLogo || \"\"}\n            chainLogo={chainLogo || \"\"}\n          />\n          {!hideDropdown && (\n            <span>\n              <KeyboardDownIcon />\n            </span>\n          )}\n        </div>\n      </button>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAaO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEJ,UAAA,qBAAC,UAAA,EAAO,WAAU,kGAChB,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,WAC1B,UAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YAEX,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,aAAa;AAAA,kBACxB,WAAW,aAAa;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEzB,CAAC,gBACA,oBAAC,QAAA,EACC,UAAA,oBAAC,oBAAiB,EAAA,CACpB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/{components/molecules/TokenNetworkLogos → TokenNetworkLogos}/TokenNetworkLogos.d.ts

@@ -5,6 +5,7 @@ type TokenNetworkLogosProps = HTMLAttributes<HTMLDivElement> & {
     chainLogo?: string;
     className?: string;
     iconStyle?: string;
+    iconSize?: number;
 };
 export declare const TokenNetworkLogos: FC<TokenNetworkLogosProps>;
 export {};

package/dist/TokenNetworkLogos/index.d.ts

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

package/dist/TokenNetworkLogos-DZZrRsmI.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as cn } from "./utils-BnsJHiW8.js";
+const TokenNetworkLogos = ({
+  tokenLogo,
+  chainLogo,
+  className,
+  iconStyle,
+  iconSize = 20,
+  ...props
+}) => {
+  const hasDualLogos = chainLogo && chainLogo !== tokenLogo;
+  const containerWidth = hasDualLogos ? Math.round(iconSize * 1.9) : iconSize;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `gf-relative gf-flex gf-items-center ${className}`,
+      style: { width: containerWidth },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: tokenLogo,
+            className: cn(`gf-absolute gf-left-0 gf-z-30 !gf-h-[${iconSize}px] !gf-w-[${iconSize}px]`, iconStyle)
+          }
+        ),
+        chainLogo && chainLogo !== tokenLogo && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: chainLogo,
+            className: cn(`gf-absolute gf-right-0 gf-z-20 !gf-h-[${iconSize}px] !gf-w-[${iconSize}px]`, iconStyle)
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  TokenNetworkLogos as T
+};
+//# sourceMappingURL=TokenNetworkLogos-DZZrRsmI.js.map

package/dist/TokenNetworkLogos-DZZrRsmI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenNetworkLogos-DZZrRsmI.js","sources":["../src/components/TokenNetworkLogos/TokenNetworkLogos.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/utils\";\n\ntype TokenNetworkLogosProps = HTMLAttributes<HTMLDivElement> & {\n  tokenLogo?: string;\n  chainLogo?: string;\n  className?: string;\n  iconStyle?: string;\n  iconSize?: number;\n};\n\nexport const TokenNetworkLogos: FC<TokenNetworkLogosProps> = ({\n  tokenLogo,\n  chainLogo,\n  className,\n  iconStyle,\n  iconSize = 20,\n  ...props\n}) => {\n  const hasDualLogos = chainLogo && chainLogo !== tokenLogo;\n  const containerWidth = hasDualLogos ? Math.round(iconSize * 1.9) : iconSize;\n\n  return (\n    <div\n      className={`gf-relative gf-flex gf-items-center ${className}`}\n      style={{ width: containerWidth }}\n      {...props}\n    >\n      <img\n        src={tokenLogo}\n        className={cn(`gf-absolute gf-left-0 gf-z-30 !gf-h-[${iconSize}px] !gf-w-[${iconSize}px]`, iconStyle)}\n      />\n      {chainLogo && chainLogo !== tokenLogo && (\n        <img\n          src={chainLogo}\n          className={cn(`gf-absolute gf-right-0 gf-z-20 !gf-h-[${iconSize}px] !gf-w-[${iconSize}px]`, iconStyle)}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;AAWO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,MAAM;AACJ,QAAM,eAAe,aAAa,cAAc;AAChD,QAAM,iBAAiB,eAAe,KAAK,MAAM,WAAW,GAAG,IAAI;AAEnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,uCAAuC,SAAS;AAAA,MAC3D,OAAO,EAAE,OAAO,eAAA;AAAA,MACf,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAW,GAAG,wCAAwC,QAAQ,cAAc,QAAQ,OAAO,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAErG,aAAa,cAAc,aAC1B;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAW,GAAG,yCAAyC,QAAQ,cAAc,QAAQ,OAAO,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACvG;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/TokenNetworkLogos.js

@@ -0,0 +1,5 @@
+import { T } from "./TokenNetworkLogos-DZZrRsmI.js";
+export {
+  T as TokenNetworkLogos
+};
+//# sourceMappingURL=TokenNetworkLogos.js.map

package/dist/TokenNetworkLogos.js.map

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

package/dist/Typography/index.d.ts

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

package/dist/Typography-DX9XpQWB.js

@@ -0,0 +1,91 @@
+import { jsx } from "react/jsx-runtime";
+import { c as cva } from "./index-Ir5YwUO1.js";
+import { c as cn } from "./utils-BnsJHiW8.js";
+const typographyStyles = cva(["gf-font-haffer gf-text-dark-grey"], {
+  variants: {
+    size: {
+      h1: "gf-text-[32px] gf-leading-[40px]",
+      h2: "gf-text-xl gf-leading-[20px]",
+      h3: "gf-text-base gf-leading-[20px]",
+      h4: "gf-text-sm gf-leading-[20px]",
+      h5: "gf-text-xs gf-leading-[16px]",
+      h6: "gf-text-[10px] gf-leading-[12px]"
+    },
+    weight: {
+      thin: "gf-font-thin",
+      light: "gf-font-light",
+      regular: "gf-font-regular",
+      medium: "gf-font-medium",
+      semibold: "gf-font-semibold",
+      bold: "gf-font-bold",
+      heavy: "gf-font-heavy",
+      black: "gf-font-black"
+    },
+    breakpointSize: {
+      "xs:h1": "xs:gf-text-[32px] xs:gf-leading-[48px]",
+      "xs:h2": "xs:gf-text-xl xs:gf-leading-7",
+      "xs:h3": "xs:gf-text-base xs:gf-leading-6",
+      "xs:h4": "xs:gf-text-sm xs:gf-leading-5",
+      "xs:h5": "xs:gf-text-xs xs:gf-leading-4",
+      "xs:h6": "xs:gf-text-[10px] xs:gf-leading-3",
+      "sm:h1": "sm:gf-text-[32px] sm:gf-leading-[48px]",
+      "sm:h2": "sm:gf-text-xl sm:gf-leading-7",
+      "sm:h3": "sm:gf-text-base sm:gf-leading-6",
+      "sm:h4": "sm:gf-text-sm sm:gf-leading-5",
+      "sm:h5": "sm:gf-text-xs sm:gf-leading-4",
+      "sm:h6": "sm:gf-text-[10px] sm:gf-leading-3",
+      "md:h1": "md:gf-text-[32px] md:gf-leading-[48px]",
+      "md:h2": "md:gf-text-xl md:gf-leading-7",
+      "md:h3": "md:gf-text-base md:gf-leading-6",
+      "md:h4": "md:gf-text-sm md:gf-leading-5",
+      "md:h5": "md:gf-text-xs md:gf-leading-4",
+      "md:h6": "md:gf-text-[10px] md:gf-leading-3",
+      "lg:h1": "lg:gf-text-[32px] lg:gf-leading-[48px]",
+      "lg:h2": "lg:gf-text-xl lg:gf-leading-7",
+      "lg:h3": "lg:gf-text-base lg:gf-leading-6",
+      "lg:h4": "lg:gf-text-sm lg:gf-leading-5",
+      "lg:h5": "lg:gf-text-xs lg:gf-leading-4",
+      "lg:h6": "lg:gf-text-[10px] lg:gf-leading-3",
+      "xl:h1": "xl:gf-text-[32px] xl:gf-leading-[48px]",
+      "xl:h2": "xl:gf-text-xl xl:gf-leading-7",
+      "xl:h3": "xl:gf-text-base xl:gf-leading-6",
+      "xl:h4": "xl:gf-text-sm xl:gf-leading-5",
+      "xl:h5": "xl:gf-text-xs xl:gf-leading-4",
+      "xl:h6": "xl:gf-text-[10px] xl:gf-leading-3"
+    },
+    defaultVariants: {
+      size: "h3",
+      weight: "medium"
+    }
+  }
+});
+const Typography = ({
+  as: Component = "span",
+  size,
+  weight = "regular",
+  breakpoints,
+  className,
+  ...props
+}) => {
+  const breakpointClasses = breakpoints ? Object.entries(breakpoints).map(([breakpoint, size2]) => `${breakpoint}:${size2}`).map(
+    (key) => typographyStyles({ breakpointSize: key })
+  ).join(" ") : "";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(
+        typographyStyles({
+          size,
+          weight,
+          className
+        }),
+        breakpointClasses
+      ),
+      ...props
+    }
+  );
+};
+export {
+  Typography as T
+};
+//# sourceMappingURL=Typography-DX9XpQWB.js.map

package/dist/Typography-DX9XpQWB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-DX9XpQWB.js","sources":["../src/components/Typography/Typography.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { cn } from \"../../utils/utils\";\n\ntype SizeVariants = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\ntype WeightVariants =\n  | \"thin\"\n  | \"light\"\n  | \"regular\"\n  | \"medium\"\n  | \"semibold\"\n  | \"bold\"\n  | \"heavy\"\n  | \"black\";\ntype breakpointVariants = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype Breakpoints = {\n  [K in breakpointVariants]?: SizeVariants;\n};\n\nconst typographyStyles = cva([\"gf-font-haffer gf-text-dark-grey\"], {\n  variants: {\n    size: {\n      h1: \"gf-text-[32px] gf-leading-[40px]\",\n      h2: \"gf-text-xl gf-leading-[20px]\",\n      h3: \"gf-text-base gf-leading-[20px]\",\n      h4: \"gf-text-sm gf-leading-[20px]\",\n      h5: \"gf-text-xs gf-leading-[16px]\",\n      h6: \"gf-text-[10px] gf-leading-[12px]\",\n    },\n    weight: {\n      thin: \"gf-font-thin\",\n      light: \"gf-font-light\",\n      regular: \"gf-font-regular\",\n      medium: \"gf-font-medium\",\n      semibold: \"gf-font-semibold\",\n      bold: \"gf-font-bold\",\n      heavy: \"gf-font-heavy\",\n      black: \"gf-font-black\",\n    },\n    breakpointSize: {\n      \"xs:h1\": \"xs:gf-text-[32px] xs:gf-leading-[48px]\",\n      \"xs:h2\": \"xs:gf-text-xl xs:gf-leading-7\",\n      \"xs:h3\": \"xs:gf-text-base xs:gf-leading-6\",\n      \"xs:h4\": \"xs:gf-text-sm xs:gf-leading-5\",\n      \"xs:h5\": \"xs:gf-text-xs xs:gf-leading-4\",\n      \"xs:h6\": \"xs:gf-text-[10px] xs:gf-leading-3\",\n      \"sm:h1\": \"sm:gf-text-[32px] sm:gf-leading-[48px]\",\n      \"sm:h2\": \"sm:gf-text-xl sm:gf-leading-7\",\n      \"sm:h3\": \"sm:gf-text-base sm:gf-leading-6\",\n      \"sm:h4\": \"sm:gf-text-sm sm:gf-leading-5\",\n      \"sm:h5\": \"sm:gf-text-xs sm:gf-leading-4\",\n      \"sm:h6\": \"sm:gf-text-[10px] sm:gf-leading-3\",\n      \"md:h1\": \"md:gf-text-[32px] md:gf-leading-[48px]\",\n      \"md:h2\": \"md:gf-text-xl md:gf-leading-7\",\n      \"md:h3\": \"md:gf-text-base md:gf-leading-6\",\n      \"md:h4\": \"md:gf-text-sm md:gf-leading-5\",\n      \"md:h5\": \"md:gf-text-xs md:gf-leading-4\",\n      \"md:h6\": \"md:gf-text-[10px] md:gf-leading-3\",\n      \"lg:h1\": \"lg:gf-text-[32px] lg:gf-leading-[48px]\",\n      \"lg:h2\": \"lg:gf-text-xl lg:gf-leading-7\",\n      \"lg:h3\": \"lg:gf-text-base lg:gf-leading-6\",\n      \"lg:h4\": \"lg:gf-text-sm lg:gf-leading-5\",\n      \"lg:h5\": \"lg:gf-text-xs lg:gf-leading-4\",\n      \"lg:h6\": \"lg:gf-text-[10px] lg:gf-leading-3\",\n      \"xl:h1\": \"xl:gf-text-[32px] xl:gf-leading-[48px]\",\n      \"xl:h2\": \"xl:gf-text-xl xl:gf-leading-7\",\n      \"xl:h3\": \"xl:gf-text-base xl:gf-leading-6\",\n      \"xl:h4\": \"xl:gf-text-sm xl:gf-leading-5\",\n      \"xl:h5\": \"xl:gf-text-xs xl:gf-leading-4\",\n      \"xl:h6\": \"xl:gf-text-[10px] xl:gf-leading-3\",\n    },\n    defaultVariants: {\n      size: \"h3\",\n      weight: \"medium\",\n    },\n  },\n});\n\ntype breakpointSizeKey = `${breakpointVariants}:${SizeVariants}`;\n\ntype BaseTypographyProps = {\n  size?: SizeVariants;\n  weight?: WeightVariants;\n  breakpoints?: Breakpoints;\n  as?: \"div\" | \"span\" | \"p\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"a\";\n};\n\ntype TypographyProps = BaseTypographyProps &\n  (\n    | (React.HTMLAttributes<HTMLDivElement> & { as?: \"div\" })\n    | (React.HTMLAttributes<HTMLSpanElement> & { as?: \"span\" })\n    | (React.HTMLAttributes<HTMLParagraphElement> & { as?: \"p\" })\n    | (React.HTMLAttributes<HTMLHeadingElement> & {\n        as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n      })\n    | (React.AnchorHTMLAttributes<HTMLAnchorElement> & { as: \"a\" })\n  );\n\n/**\n * Typography component\n * @param size - default size of the text => \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n * @param weight - weight of the text => \"thin\" | \"light\" | \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"heavy\" | \"black\"\n * @param breakpoints - Breakpoints for the text size => { [key in [\"xs\",\"sm\",\"md\",\"lg\",\"xl\"]]: SizeVariants }\n * @param as -HTML element to render as => \"div\" | \"span\" | \"p\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"a\"\n * @default size - \"h3\"  weight - \"medium\" as - \"span\"\n */\nexport const Typography: React.FC<TypographyProps> = ({\n  as: Component = \"span\",\n  size,\n  weight = \"regular\",\n  breakpoints,\n  className,\n  ...props\n}) => {\n  const breakpointClasses = breakpoints\n    ? Object.entries(breakpoints)\n        .map(([breakpoint, size]) => `${breakpoint}:${size}`)\n        .map((key) =>\n          typographyStyles({ breakpointSize: key as breakpointSizeKey })\n        )\n        .join(\" \")\n    : \"\";\n\n  return (\n    <Component\n      className={cn(\n        typographyStyles({\n          size,\n          weight,\n          className,\n        }),\n        breakpointClasses\n      )}\n      {...(props as React.HTMLAttributes<HTMLElement>)}\n    />\n  );\n};\n"],"names":["size"],"mappings":";;;AAkBA,MAAM,mBAAmB,IAAI,CAAC,kCAAkC,GAAG;AAAA,EACjE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,IAET,gBAAgB;AAAA,MACd,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,IAEX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,CAAC;AA8BM,MAAM,aAAwC,CAAC;AAAA,EACpD,IAAI,YAAY;AAAA,EAChB;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,oBAAoB,cACtB,OAAO,QAAQ,WAAW,EACvB,IAAI,CAAC,CAAC,YAAYA,KAAI,MAAM,GAAG,UAAU,IAAIA,KAAI,EAAE,EACnD;AAAA,IAAI,CAAC,QACJ,iBAAiB,EAAE,gBAAgB,KAA0B;AAAA,EAAA,EAE9D,KAAK,GAAG,IACX;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,iBAAiB;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAAA,QACD;AAAA,MAAA;AAAA,MAED,GAAI;AAAA,IAAA;AAAA,EAAA;AAGX;"}

package/dist/Typography.js

@@ -0,0 +1,5 @@
+import { T } from "./Typography-DX9XpQWB.js";
+export {
+  T as Typography
+};
+//# sourceMappingURL=Typography.js.map

package/dist/Typography.js.map

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

package/dist/Unchecked-B7UGXlAZ.js

@@ -0,0 +1,76 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const Checked = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "mask",
+          {
+            id: "mask0_14594_15086",
+            style: { maskType: "alpha" },
+            maskUnits: "userSpaceOnUse",
+            x: "0",
+            y: "0",
+            width: "24",
+            height: "24",
+            children: /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: "#D9D9D9" })
+          }
+        ),
+        /* @__PURE__ */ jsx("g", { mask: "url(#mask0_14594_15086)", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.6 13.4L8.45 11.25C8.26667 11.0667 8.03333 10.975 7.75 10.975C7.46667 10.975 7.23333 11.0667 7.05 11.25C6.86667 11.4333 6.775 11.6667 6.775 11.95C6.775 12.2333 6.86667 12.4667 7.05 12.65L9.9 15.5C10.1 15.7 10.3333 15.8 10.6 15.8C10.8667 15.8 11.1 15.7 11.3 15.5L16.95 9.85C17.1333 9.66667 17.225 9.43333 17.225 9.15C17.225 8.86667 17.1333 8.63333 16.95 8.45C16.7667 8.26667 16.5333 8.175 16.25 8.175C15.9667 8.175 15.7333 8.26667 15.55 8.45L10.6 13.4ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z",
+            fill: props.color || "#E36492"
+          }
+        ) })
+      ]
+    }
+  );
+};
+const Unchecked = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "mask",
+          {
+            id: "mask0_14594_15093",
+            style: { maskType: "alpha" },
+            maskUnits: "userSpaceOnUse",
+            x: "0",
+            y: "0",
+            width: "24",
+            height: "24",
+            children: /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: "#D9D9D9" })
+          }
+        ),
+        /* @__PURE__ */ jsx("g", { mask: "url(#mask0_14594_15093)", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z",
+            fill: "currentColor"
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  Checked as C,
+  Unchecked as U
+};
+//# sourceMappingURL=Unchecked-B7UGXlAZ.js.map

package/dist/Unchecked-B7UGXlAZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Unchecked-B7UGXlAZ.js","sources":["../src/components/Icons/Checked/Checked.tsx","../src/components/Icons/Unchecked/Unchecked.tsx"],"sourcesContent":["import React from \"react\";\ntype SvgProps = React.SVGProps<SVGSVGElement>;\n\nexport const Checked: React.FC<SvgProps> = (props) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      {...props}\n    >\n      <mask\n        id=\"mask0_14594_15086\"\n        style={{ maskType: \"alpha\" }}\n        maskUnits=\"userSpaceOnUse\"\n        x=\"0\"\n        y=\"0\"\n        width=\"24\"\n        height=\"24\"\n      >\n        <rect width=\"24\" height=\"24\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask=\"url(#mask0_14594_15086)\">\n        <path\n          d=\"M10.6 13.4L8.45 11.25C8.26667 11.0667 8.03333 10.975 7.75 10.975C7.46667 10.975 7.23333 11.0667 7.05 11.25C6.86667 11.4333 6.775 11.6667 6.775 11.95C6.775 12.2333 6.86667 12.4667 7.05 12.65L9.9 15.5C10.1 15.7 10.3333 15.8 10.6 15.8C10.8667 15.8 11.1 15.7 11.3 15.5L16.95 9.85C17.1333 9.66667 17.225 9.43333 17.225 9.15C17.225 8.86667 17.1333 8.63333 16.95 8.45C16.7667 8.26667 16.5333 8.175 16.25 8.175C15.9667 8.175 15.7333 8.26667 15.55 8.45L10.6 13.4ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z\"\n          fill={props.color || \"#E36492\"}\n        />\n      </g>\n    </svg>\n  );\n};\n","import React from \"react\";\ntype SvgProps = React.SVGProps<SVGSVGElement>;\n\nexport const Unchecked: React.FC<SvgProps> = (props) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      {...props}\n    >\n      <mask\n        id=\"mask0_14594_15093\"\n        style={{ maskType: \"alpha\" }}\n        maskUnits=\"userSpaceOnUse\"\n        x=\"0\"\n        y=\"0\"\n        width=\"24\"\n        height=\"24\"\n      >\n        <rect width=\"24\" height=\"24\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask=\"url(#mask0_14594_15093)\">\n        <path\n          d=\"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z\"\n          fill=\"currentColor\"\n        />\n      </g>\n    </svg>\n  );\n};\n"],"names":[],"mappings":";AAGO,MAAM,UAA8B,CAAC,UAAU;AACpD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAO,EAAE,UAAU,QAAA;AAAA,YACnB,WAAU;AAAA,YACV,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAM;AAAA,YACN,QAAO;AAAA,YAEP,8BAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,MAAK,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAE9C,oBAAC,KAAA,EAAE,MAAK,2BACN,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAM,MAAM,SAAS;AAAA,UAAA;AAAA,QAAA,EACvB,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AC7BO,MAAM,YAAgC,CAAC,UAAU;AACtD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAO,EAAE,UAAU,QAAA;AAAA,YACnB,WAAU;AAAA,YACV,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAM;AAAA,YACN,QAAO;AAAA,YAEP,8BAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,MAAK,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAE9C,oBAAC,KAAA,EAAE,MAAK,2BACN,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,EACP,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}