@gardenfi/garden-book 0.3.2 → 0.3.4

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';