@gardenfi/garden-book 0.3.2 → 0.3.3

package/dist/DashboardLayout/MobileMenu.js

@@ -1,117 +1,125 @@
-import { jsxs as a, Fragment as C, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, Fragment as O, jsx as e } from "react/jsx-runtime";
 import { useState as m } from "react";
-import { HamburgerIcon as S } from "../HamburgerIcon/index.js";
+import { HamburgerIcon as C } from "../HamburgerIcon/index.js";
 import { ResponsiveModal as w } from "../ResponsiveModal/index.js";
 import { Typography as t } from "../Typography/index.js";
-import { Button as M } from "../Button/index.js";
+import { Button as S } from "../Button/index.js";
 import { cn as j } from "../utils/index.js";
 import I from "../node_modules/lucide-react/dist/esm/icons/log-out.js";
-const R = ({ title: i, isOpen: n, onToggle: o, children: s }) => /* @__PURE__ */ a("div", { children: [
-  /* @__PURE__ */ e("span", { onClick: o, className: "gf-block gf-cursor-pointer", children: /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: i }) }),
+const R = ({ title: i, isOpen: s, onToggle: f, children: n }) => /* @__PURE__ */ a("div", { children: [
+  /* @__PURE__ */ e("span", { onClick: f, className: "gf-block gf-cursor-pointer", children: /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: i }) }),
   /* @__PURE__ */ e(
     "div",
     {
       className: j(
         "gf-grid gf-transition-[grid-template-rows,opacity] gf-duration-500 gf-ease-[cubic-bezier(0.22,1,0.36,1)]",
-        n ? "gf-grid-rows-[1fr] gf-opacity-100" : "gf-grid-rows-[0fr] gf-opacity-0"
+        s ? "gf-grid-rows-[1fr] gf-opacity-100" : "gf-grid-rows-[0fr] gf-opacity-0"
       ),
-      children: /* @__PURE__ */ e("div", { className: "gf-overflow-hidden", children: /* @__PURE__ */ e("div", { className: "gf-ml-6 gf-flex gf-flex-col", children: s }) })
+      children: /* @__PURE__ */ e("div", { className: "gf-overflow-hidden", children: /* @__PURE__ */ e("div", { className: "gf-ml-6 gf-flex gf-flex-col", children: n }) })
     }
   )
 ] }), A = ({
   navGroups: i,
-  activePath: n,
-  onNavigate: o,
-  onLogout: s,
+  activePath: s,
+  onNavigate: f,
+  onLogout: n,
   showLogoutConfirm: N = !1,
   onLogoutConfirmClose: c
 }) => {
   var b;
-  const [h, p] = m(!1), [y, g] = m(!1), [k, u] = m(
+  const [p, h] = m(!1), [y, g] = m(!1), [k, u] = m(
     ((b = i[0]) == null ? void 0 : b.label) ?? "group-0"
   ), d = () => {
     var l;
-    p(!1), u(((l = i[0]) == null ? void 0 : l.label) ?? "group-0");
+    h(!1), u(((l = i[0]) == null ? void 0 : l.label) ?? "group-0");
   }, v = () => {
-    d(), N ? g(!0) : s();
+    d(), N ? g(!0) : n();
   }, z = () => {
     g(!1), c == null || c();
   };
-  return /* @__PURE__ */ a(C, { children: [
+  return /* @__PURE__ */ a(O, { children: [
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        onClick: () => p((l) => !l),
+        onClick: () => h((l) => !l),
         "aria-label": "Open menu",
         className: "gf-shrink-0",
-        children: /* @__PURE__ */ e(S, { isOpen: h })
+        children: /* @__PURE__ */ e(C, { isOpen: p })
       }
     ),
-    /* @__PURE__ */ a(w, { open: h, onClose: d, className: "gf-w-full", children: [
-      /* @__PURE__ */ e("nav", { className: "gf-flex gf-flex-col gf-gap-4 gf-p-6 gf-bg-white/30 gf-rounded-xl", children: i.map((l, O) => {
-        const f = l.label ?? `group-${O}`;
-        return /* @__PURE__ */ e(
-          R,
-          {
-            title: l.label ?? "Navigation",
-            isOpen: k === f,
-            onToggle: () => u((r) => r === f ? "" : f),
-            children: l.items.map((r) => {
-              const x = n === r.href || n === `${r.href}/`;
-              return /* @__PURE__ */ e(
-                "div",
-                {
-                  className: "gf-cursor-pointer gf-pt-4",
-                  onClick: () => {
-                    o(r.href), d();
-                  },
-                  children: /* @__PURE__ */ e(
-                    t,
+    /* @__PURE__ */ a(
+      w,
+      {
+        open: p,
+        onClose: d,
+        desktopModal: { className: "gf-w-full" },
+        children: [
+          /* @__PURE__ */ e("nav", { className: "gf-flex gf-flex-col gf-gap-4 gf-p-6 gf-bg-white/30 gf-rounded-xl", children: i.map((l, M) => {
+            const o = l.label ?? `group-${M}`;
+            return /* @__PURE__ */ e(
+              R,
+              {
+                title: l.label ?? "Navigation",
+                isOpen: k === o,
+                onToggle: () => u((r) => r === o ? "" : o),
+                children: l.items.map((r) => {
+                  const x = s === r.href || s === `${r.href}/`;
+                  return /* @__PURE__ */ e(
+                    "div",
                     {
-                      size: "h3",
-                      weight: x ? "medium" : "regular",
-                      className: x ? "gf-text-primaryIris" : "gf-text-dark-grey",
-                      children: r.title
-                    }
-                  )
-                },
-                r.href
-              );
-            })
-          },
-          f
-        );
-      }) }),
-      /* @__PURE__ */ e("nav", { className: "gf-py-5 gf-px-6 gf-bg-white/30 gf-rounded-xl", children: /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          onClick: v,
-          className: "gf-flex gf-w-full gf-cursor-pointer gf-items-center gf-gap-2 focus:gf-outline-none",
-          children: [
-            /* @__PURE__ */ e(I, { className: "gf-h-5 gf-w-5" }),
-            /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: "Log out" })
-          ]
-        }
-      ) })
-    ] }),
+                      className: "gf-cursor-pointer gf-pt-4",
+                      onClick: () => {
+                        f(r.href), d();
+                      },
+                      children: /* @__PURE__ */ e(
+                        t,
+                        {
+                          size: "h3",
+                          weight: x ? "medium" : "regular",
+                          className: x ? "gf-text-primaryIris" : "gf-text-dark-grey",
+                          children: r.title
+                        }
+                      )
+                    },
+                    r.href
+                  );
+                })
+              },
+              o
+            );
+          }) }),
+          /* @__PURE__ */ e("nav", { className: "gf-py-5 gf-px-6 gf-bg-white/30 gf-rounded-xl", children: /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              onClick: v,
+              className: "gf-flex gf-w-full gf-cursor-pointer gf-items-center gf-gap-2 focus:gf-outline-none",
+              children: [
+                /* @__PURE__ */ e(I, { className: "gf-h-5 gf-w-5" }),
+                /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: "Log out" })
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
     /* @__PURE__ */ a(
       w,
       {
         open: y,
         onClose: z,
         label: "Ready to sign out?",
-        className: "gf-max-w-sm",
+        desktopModal: { className: "gf-max-w-sm" },
         children: [
           /* @__PURE__ */ e("div", { className: "gf-flex gf-flex-col gf-gap-2", children: /* @__PURE__ */ e(t, { size: "h5", weight: "regular", children: "You'll be signed out and redirected to the login page." }) }),
           /* @__PURE__ */ e(
-            M,
+            S,
             {
               variant: "primary",
               className: "gf-w-full",
               onClick: () => {
-                g(!1), s();
+                g(!1), n();
               },
               children: "Sign out"
             }

package/dist/ResponsiveModal/ResponsiveModal.d.ts

@@ -1,23 +1,41 @@
 import { FC, ReactNode } from 'react';
 
 type OpacityVariants = "extra-light" | "light" | "medium" | "semi-dark" | "full";
+/** Desktop Modal config. Defaults: dimmed overlay, closes on outside
+ * click, X shown, page scroll-locked. */
+export type DesktopModalConfig = {
+    /** Classes for the modal card. */
+    className?: string;
+    /** Classes for the full-screen overlay */
+    overlayClassName?: string;
+    /** When `true`, force a choice — hide the close (X) button AND don't close on
+     * outside click. */
+    preventClose?: boolean;
+    /** When `true`, the page is NOT scroll-locked while open. */
+    disableScrollLock?: boolean;
+};
+/** Mobile BottomSheet config. Defaults: dim backdrop, dismissible
+ * by tap-outside / drag, page behind blocked, scroll-locked. */
+export type MobileBottomSheetConfig = {
+    /** Classes for the sheet content panel. */
+    className?: string;
+    /** Classes for the backdrop */
+    overlayClassName?: string;
+    /** When `true`, the sheet can't be dismissed by tap-outside / drag — force a choice. */
+    preventClose?: boolean;
+    /** When `true`, the page behind the sheet stays interactive. */
+    allowBackgroundInteraction?: boolean;
+    /** When `true`, the page is NOT scroll-locked while open. */
+    disableScrollLock?: boolean;
+};
 export type ResponsiveModalProps = {
     open: boolean;
     onClose: () => void;
     label?: string;
     children: ReactNode;
     opacityLevel?: OpacityVariants;
-    className?: string;
-    /** Hide the close (X) button — for modals that must force a choice. Also makes
-     * the mobile BottomSheet non-dismissible (no tap-outside / drag-to-close). */
-    hideCloseBtn?: boolean;
-    /** Extra classes for the overlay/backdrop — desktop Modal and mobile
-     * BottomSheet alike */
-    overlayClassName?: string;
-    /** Mobile BottomSheet only. When `true`, the page behind stays interactive. Default `false`. */
-    bottomSheetAllowBackgroundInteraction?: boolean;
-    /** When `true`, the page is NOT scroll-locked while open. */
-    disableScrollLock?: boolean;
+    desktopModal?: DesktopModalConfig;
+    mobileBottomSheet?: MobileBottomSheetConfig;
 };
 /** Modal on desktop, vaul BottomSheet on mobile. Reads viewport from `ViewportProvider`. Portals into `document.body`. */
 export declare const ResponsiveModal: FC<ResponsiveModalProps>;

package/dist/ResponsiveModal/index.js

@@ -1,77 +1,76 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { useState as x, useEffect as b } from "react";
-import { createPortal as g } from "react-dom";
-import { Modal as n } from "../Modal/index.js";
-import { BottomSheet as v } from "../BottomSheet/index.js";
-import { Typography as y } from "../Typography/index.js";
-import { CloseIcon as l } from "../Icons/CloseIcon.js";
-import { useViewport as M } from "../Viewport/index.js";
-import { cn as N } from "../utils/index.js";
-const V = ({
-  open: t,
-  onClose: r,
-  label: o,
-  children: f,
-  opacityLevel: c = "medium",
-  className: a,
-  hideCloseBtn: i,
-  overlayClassName: m,
-  bottomSheetAllowBackgroundInteraction: p,
-  disableScrollLock: u
+import { jsx as c, jsxs as u } from "react/jsx-runtime";
+import { useState as l, useEffect as L } from "react";
+import { createPortal as a } from "react-dom";
+import { Modal as v } from "../Modal/index.js";
+import { BottomSheet as j } from "../BottomSheet/index.js";
+import { Typography as I } from "../Typography/index.js";
+import { CloseIcon as C } from "../Icons/CloseIcon.js";
+import { useViewport as z } from "../Viewport/index.js";
+import { cn as E } from "../utils/index.js";
+const H = ({
+  open: i,
+  onClose: n,
+  label: s,
+  children: g,
+  opacityLevel: N = "medium",
+  desktopModal: r,
+  mobileBottomSheet: f
 }) => {
-  const d = M() === "mobile", [h, w] = x(!1);
-  return b(() => {
-    w(!0);
-  }, []), h ? d ? t ? g(
-    /* @__PURE__ */ e(
-      v,
+  const w = z() === "mobile", [x, y] = l(!1);
+  return L(() => {
+    y(!0);
+  }, []), x ? w ? i ? a(
+    /* @__PURE__ */ c(
+      j,
       {
-        open: t,
-        onOpenChange: r,
-        overlayClassName: m,
-        dismissible: !i,
-        modal: !p,
-        children: f
+        open: i,
+        onOpenChange: n,
+        className: f == null ? void 0 : f.className,
+        overlayClassName: f == null ? void 0 : f.overlayClassName,
+        dismissible: !(f != null && f.preventClose),
+        modal: !(f != null && f.allowBackgroundInteraction),
+        disableScrollLock: f == null ? void 0 : f.disableScrollLock,
+        children: g
       }
     ),
     document.body
-  ) : null : g(
-    /* @__PURE__ */ e(
-      n,
+  ) : null : a(
+    /* @__PURE__ */ c(
+      v,
       {
-        open: t,
-        onClose: r,
-        overlayClassName: m,
-        disableScrollLock: u,
-        children: /* @__PURE__ */ s(
-          n.Children,
+        open: i,
+        onClose: r != null && r.preventClose ? void 0 : n,
+        overlayClassName: r == null ? void 0 : r.overlayClassName,
+        disableScrollLock: r == null ? void 0 : r.disableScrollLock,
+        children: /* @__PURE__ */ u(
+          v.Children,
           {
-            opacityLevel: c,
-            className: N(
+            opacityLevel: N,
+            className: E(
               "gf-relative gf-flex gf-w-[500px] gf-flex-col gf-gap-4 gf-rounded-2xl gf-p-4",
-              a
+              r == null ? void 0 : r.className
             ),
             children: [
-              o && /* @__PURE__ */ s("div", { className: "gf-flex gf-items-center gf-justify-between", children: [
-                /* @__PURE__ */ e(y, { size: "h4", weight: "medium", children: o }),
-                !i && /* @__PURE__ */ e(
-                  l,
+              s && /* @__PURE__ */ u("div", { className: "gf-flex gf-items-center gf-justify-between", children: [
+                /* @__PURE__ */ c(I, { size: "h4", weight: "medium", children: s }),
+                !(r != null && r.preventClose) && /* @__PURE__ */ c(
+                  C,
                   {
                     className: "gf-h-3 gf-w-3 gf-fill-primaryIris gf-cursor-pointer",
-                    onClick: r
+                    onClick: n
                   }
                 )
               ] }),
-              !o && !i && /* @__PURE__ */ e(
+              !s && !(r != null && r.preventClose) && /* @__PURE__ */ c(
                 "button",
                 {
-                  onClick: r,
+                  onClick: n,
                   className: "gf-absolute gf-right-4 gf-top-4 gf-cursor-pointer gf-text-white/50 gf-transition-colors hover:gf-text-white",
                   "aria-label": "Close",
-                  children: /* @__PURE__ */ e(l, { className: "gf-h-4 gf-w-4" })
+                  children: /* @__PURE__ */ c(C, { className: "gf-h-4 gf-w-4" })
                 }
               ),
-              f
+              g
             ]
           }
         )
@@ -81,5 +80,5 @@ const V = ({
   ) : null;
 };
 export {
-  V as ResponsiveModal
+  H as ResponsiveModal
 };

package/dist/index.d.ts

@@ -1,46 +1,46 @@
 
 export * from './animations';
-export * from './components/atoms/Typography';
-export * from './components/atoms/Button';
-export * from './components/atoms/Checkbox';
-export * from './components/atoms/BottomSheet';
-export * from './components/atoms/Container';
-export * from './components/atoms/Icons';
-export * from './components/atoms/Logo';
-export * from './components/atoms/Modal';
-export * from './components/atoms/Opacity';
-export * from './components/atoms/Sidebar';
-export * from './components/atoms/ClientOnly';
-export * from './components/atoms/Input';
-export * from './components/atoms/Field';
-export * from './components/atoms/StatCard';
-export * from './components/atoms/ToggleGroup';
-export * from './components/atoms/Pagination';
-export * from './components/atoms/HamburgerIcon';
-export * from './components/atoms/BulletList';
-export * from './components/atoms/Portal';
-export * from './components/atoms/Viewport';
-export * from './components/molecules/Chip';
-export * from './components/molecules/GradientScroll';
-export * from './components/molecules/InfoBadge';
-export * from './components/molecules/TokenInfo';
-export * from './components/molecules/TokenNetworkLogos';
-export * from './components/molecules/StatusChip';
-export * from './components/molecules/StateContainer';
-export * from './components/molecules/EmptyState';
-export * from './components/molecules/ErrorState';
-export * from './components/molecules/InfoTooltip';
-export * from './components/molecules/SelectDropdown';
-export * from './components/molecules/ResponsiveModal';
-export * from './components/molecules/Toast';
-export * from './components/organisms/BlogCard';
-export * from './components/organisms/Footer';
-export * from './components/organisms/QuestCard';
-export * from './components/organisms/DataTable';
-export * from './components/organisms/CardList';
-export * from './components/organisms/DashboardLayout';
-export * from './components/organisms/CookieConsent';
-export * from './components/atoms/OTPInput';
-export * from './components/atoms/DirectionalIconHover';
-export * from './components/atoms/Skeleton';
-export * from './components/atoms/Switch';
+export * from './Typography';
+export * from './Button';
+export * from './Checkbox';
+export * from './BottomSheet';
+export * from './Container';
+export * from './Icons';
+export * from './Logo';
+export * from './Modal';
+export * from './Opacity';
+export * from './Sidebar';
+export * from './ClientOnly';
+export * from './Input';
+export * from './Field';
+export * from './StatCard';
+export * from './ToggleGroup';
+export * from './Pagination';
+export * from './HamburgerIcon';
+export * from './BulletList';
+export * from './Portal';
+export * from './Viewport';
+export * from './Chip';
+export * from './GradientScroll';
+export * from './InfoBadge';
+export * from './TokenInfo';
+export * from './TokenNetworkLogos';
+export * from './StatusChip';
+export * from './StateContainer';
+export * from './EmptyState';
+export * from './ErrorState';
+export * from './InfoTooltip';
+export * from './SelectDropdown';
+export * from './ResponsiveModal';
+export * from './Toast';
+export * from './BlogCard';
+export * from './Footer';
+export * from './QuestCard';
+export * from './DataTable';
+export * from './CardList';
+export * from './DashboardLayout';
+export * from './CookieConsent';
+export * from './OTPInput';
+export * from './DirectionalIconHover';
+export * from './Skeleton';
+export * from './Switch';