@gardenfi/garden-book 0.3.1 → 0.3.3

package/dist/CookieConsent/utils.js

@@ -0,0 +1,150 @@
+const g = [
+  {
+    id: "essential",
+    title: "Essential",
+    description: "Blocks DDoS attacks and prevents abuse.",
+    locked: !0
+  },
+  {
+    id: "analytics",
+    title: "Analytics & Customization",
+    description: "Session behaviour and product analytics to help us improve the app."
+  },
+  {
+    id: "functional",
+    title: "Performance & Functional",
+    description: "Traffic sources to help us understand how people discover Garden."
+  }
+], u = "garden:consentchange", i = "garden_consent", o = {
+  cookieDomain: ".garden.finance",
+  storageVersion: 1,
+  expiryMonths: 13,
+  cookieMaxAgeDays: 400
+};
+function y(n) {
+  n && Object.assign(o, n);
+}
+const d = "2026-06-12", l = 60;
+function _() {
+  const n = new Date(d).getTime();
+  return Number.isNaN(n) ? !1 : Date.now() < n + l * 24 * 60 * 60 * 1e3;
+}
+function w() {
+  try {
+    const n = document.cookie.match(
+      new RegExp("(?:^|; )" + i + "=([^;]*)")
+    );
+    return n ? JSON.parse(decodeURIComponent(n[1])) : null;
+  } catch {
+    return null;
+  }
+}
+function h(n) {
+  return !n || n.version !== o.storageVersion ? !1 : Date.now() - (n.timestamp || 0) <= o.expiryMonths * 30 * 24 * 60 * 60 * 1e3;
+}
+function f(n) {
+  const t = encodeURIComponent(JSON.stringify(n)), e = o.cookieMaxAgeDays * 24 * 60 * 60;
+  document.cookie = i + "=" + t + "; domain=" + o.cookieDomain + "; path=/; max-age=" + e + "; SameSite=Lax; Secure";
+}
+function C(n) {
+  const t = {
+    essential: !0,
+    analytics: !!n.analytics,
+    functional: !!n.functional,
+    timestamp: Date.now(),
+    version: o.storageVersion
+  };
+  return f(t), t;
+}
+const s = [
+  /^_ga(_.*)?$/,
+  // GA4: _ga and _ga_<measurementId>
+  /^original_referrer$/,
+  // Garden telemetry
+  /^original_landing_url$/
+  // Garden telemetry
+], c = [
+  /^ph_.*$/,
+  // PostHog
+  /^_clck$/,
+  // MS Clarity
+  /^_clsk$/
+  // MS Clarity
+];
+function r() {
+  return typeof document > "u" || !document.cookie ? [] : document.cookie.split(";").map((n) => n.split("=")[0].trim());
+}
+function E() {
+  const n = [
+    ...s,
+    ...c
+  ];
+  return r().some((t) => n.some((e) => e.test(t)));
+}
+function p(n) {
+  [
+    "",
+    "; domain=" + o.cookieDomain,
+    typeof location < "u" ? "; domain=" + location.hostname : ""
+  ].forEach((e) => {
+    document.cookie = n + "=; path=/; max-age=0" + e;
+  });
+}
+function k(n) {
+  const t = [];
+  n.analytics || t.push(...s), n.functional || t.push(...c), t.length && r().forEach((e) => {
+    t.some((a) => a.test(e)) && p(e);
+  });
+}
+function D(n) {
+  const t = n.analytics ? "granted" : "denied", e = n.functional ? "granted" : "denied", a = window;
+  typeof a.gtag == "function" && a.gtag("consent", "update", {
+    analytics_storage: t,
+    personalization_storage: t,
+    functionality_storage: e,
+    ad_storage: "denied",
+    ad_user_data: "denied",
+    ad_personalization: "denied"
+  }), a.dataLayer = a.dataLayer || [], a.dataLayer.push({
+    event: "consent_update",
+    analytics_consent: t,
+    functional_consent: e
+  });
+  try {
+    window.dispatchEvent(
+      new CustomEvent(u, {
+        detail: { analytics: n.analytics, functional: n.functional }
+      })
+    );
+  } catch {
+  }
+}
+function m() {
+  if (typeof window > "u") return "www";
+  const n = window.location.hostname;
+  return n.includes("localhost") || n.includes("127.0.0.1") ? "localhost" : n === "app.garden.finance" ? "app" : "www";
+}
+function O(n) {
+  return n.analytics && n.functional ? "accept_all" : !n.analytics && !n.functional ? "reject_all" : "partial";
+}
+function A(n, t = {}) {
+  if (typeof window > "u") return;
+  const e = window;
+  e.dataLayer = e.dataLayer || [], e.dataLayer.push({ event: n, consent_surface: m(), ...t });
+}
+export {
+  u as CONSENT_EVENT,
+  g as DEFAULT_COOKIE_CATEGORIES,
+  D as applyConsent,
+  k as clearDeniedCookies,
+  o as config,
+  y as configure,
+  O as consentDecision,
+  m as consentSurface,
+  E as hasTrackingCookies,
+  h as isValidConsent,
+  _ as isWithinAutoConsentWindow,
+  w as readRaw,
+  A as trackConsentEvent,
+  C as writeConsent
+};

package/dist/DashboardLayout/DashboardSidebar.js

@@ -19,9 +19,9 @@ const T = (t, i) => /* @__PURE__ */ e("a", { href: t, children: i }), Q = ({
   renderLink: h = T,
   className: N
 }) => {
-  const [p, u] = v(!1), [w, l] = v(!1), I = () => {
+  const [p, u] = v(!1), [w, l] = v(!1), k = () => {
     u(!1), y ? l(!0) : m();
-  }, k = () => {
+  }, I = () => {
     l(!1), s == null || s();
   };
   return /* @__PURE__ */ r(F, { children: [
@@ -95,7 +95,7 @@ const T = (t, i) => /* @__PURE__ */ e("a", { href: t, children: i }), Q = ({
                 children: /* @__PURE__ */ r(
                   O,
                   {
-                    onSelect: I,
+                    onSelect: k,
                     className: "gf-flex gf-items-center gf-gap-1 gf-p-1 gf-cursor-pointer hover:gf-bg-[#EDF6FC] focus:gf-bg-[#EDF6FC] data-[highlighted]:gf-bg-[#EDF6FC] gf-rounded-md gf-transition-colors focus:gf-outline-none",
                     children: [
                       /* @__PURE__ */ e("div", { className: "gf-rounded-lg gf-flex gf-items-center gf-justify-center gf-shrink-0", children: /* @__PURE__ */ e(U, { className: "gf-h-4 gf-w-4 gf-text-primaryIris gf-ml-[14px] gf-mr-2" }) }),
@@ -113,9 +113,9 @@ const T = (t, i) => /* @__PURE__ */ e("a", { href: t, children: i }), Q = ({
       S,
       {
         open: w,
-        onClose: k,
+        onClose: I,
         label: "Ready to sign out?",
-        className: "gf-max-w-sm",
+        desktopModal: { className: "gf-max-w-sm" },
         children: [
           /* @__PURE__ */ e(o, { size: "h5", weight: "regular", children: "You'll be signed out and redirected to the login page." }),
           /* @__PURE__ */ e(

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/Modal/Modal.d.ts

@@ -9,6 +9,9 @@ type ModalProps = VariantProps<typeof modalStyles> & {
     onClose?: () => void;
     children: React.ReactNode;
     disableScrollLock?: boolean;
+    /** Extra classes for the full-screen overlay — use to change alignment
+     * (e.g. `!gf-items-end !gf-justify-start` to dock the card bottom-left). */
+    overlayClassName?: string;
 };
 declare const Modal: React.FC<ModalProps> & {
     Children: React.FC<ChildrenProps>;

package/dist/Modal/index.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import { cva as s } from "class-variance-authority";
-import { useState as c, useEffect as g } from "react";
-import { Opacity as m } from "../Opacity/index.js";
-import { RemoveScroll as d } from "react-remove-scroll";
-import { ClientOnly as p } from "../ClientOnly/index.js";
-const u = s(
+import { cva as c } from "class-variance-authority";
+import { useState as g, useEffect as m } from "react";
+import { Opacity as d } from "../Opacity/index.js";
+import { RemoveScroll as p } from "react-remove-scroll";
+import { ClientOnly as u } from "../ClientOnly/index.js";
+const h = c(
   [
     "gf-fixed gf-inset-0 gf-z-50 gf-flex gf-items-center gf-justify-center gf-min-h-screen gf-transition-all"
   ],
@@ -19,37 +19,37 @@ const u = s(
       open: !1
     }
   }
-), h = ({ open: e, onClose: a, disableScrollLock: r, children: o }) => {
-  const [i, n] = c(!1);
-  g(() => {
-    e && n(!0);
+), v = ({ open: e, onClose: a, disableScrollLock: r, overlayClassName: o, children: i }) => {
+  const [n, f] = g(!1);
+  m(() => {
+    e && f(!0);
   }, [e]);
-  const f = (l) => {
-    a && (l.stopPropagation(), a());
+  const l = (s) => {
+    a && (s.stopPropagation(), a());
   };
-  return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(d, { removeScrollBar: !1, enabled: !!e && !r, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(p, { removeScrollBar: !1, enabled: !!e && !r, children: /* @__PURE__ */ t(
     "div",
     {
-      className: `gf-bg-dark-grey gf-bg-opacity-40 ${u({
+      className: `gf-bg-dark-grey gf-bg-opacity-40 ${h({
         open: e
-      })} ${i ? e ? "gf-animate-fade-in " : "gf-animate-fade-out" : ""}`,
-      onClick: f,
+      })} ${n ? e ? "gf-animate-fade-in " : "gf-animate-fade-out" : ""} ${o ?? ""}`,
+      onClick: l,
       children: /* @__PURE__ */ t(
         "div",
         {
           className: `gf-transform gf-transition-transform ${e ? "gf-animate-scale-in" : "gf-animate-scale-out"}`,
-          children: o
+          children: i
         }
       )
     }
   ) }) });
-}, v = ({
+}, y = ({
   children: e,
   className: a,
   opacityLevel: r,
   ...o
 }) => /* @__PURE__ */ t(
-  m,
+  d,
   {
     level: r,
     onClick: (n) => {
@@ -60,7 +60,7 @@ const u = s(
     children: e
   }
 );
-h.Children = v;
+v.Children = y;
 export {
-  h as Modal
+  v as Modal
 };

package/dist/ResponsiveModal/ResponsiveModal.d.ts

@@ -1,13 +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;
+    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,62 +1,84 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { useState as u, useEffect as d } from "react";
-import { createPortal as m } from "react-dom";
-import { Modal as s } from "../Modal/index.js";
-import { BottomSheet as h } from "../BottomSheet/index.js";
-import { Typography as w } from "../Typography/index.js";
-import { CloseIcon as n } from "../Icons/CloseIcon.js";
-import { useViewport as x } from "../Viewport/index.js";
-import { cn as b } from "../utils/index.js";
-const B = ({
-  open: t,
-  onClose: r,
-  label: o,
-  children: i,
-  opacityLevel: l = "medium",
-  className: g
+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 c = x() === "mobile", [a, p] = u(!1);
-  return d(() => {
-    p(!0);
-  }, []), a ? c ? t ? m(
-    /* @__PURE__ */ e(h, { open: t, onOpenChange: r, children: i }),
+  const w = z() === "mobile", [x, y] = l(!1);
+  return L(() => {
+    y(!0);
+  }, []), x ? w ? i ? a(
+    /* @__PURE__ */ c(
+      j,
+      {
+        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 : m(
-    /* @__PURE__ */ e(s, { open: t, onClose: r, children: /* @__PURE__ */ f(
-      s.Children,
+  ) : null : a(
+    /* @__PURE__ */ c(
+      v,
       {
-        opacityLevel: l,
-        className: b(
-          "gf-relative gf-flex gf-w-[500px] gf-flex-col gf-gap-4 gf-rounded-2xl gf-p-4",
-          g
-        ),
-        children: [
-          o && /* @__PURE__ */ f("div", { className: "gf-flex gf-items-center gf-justify-between", children: [
-            /* @__PURE__ */ e(w, { size: "h4", weight: "medium", children: o }),
-            /* @__PURE__ */ e(
-              n,
-              {
-                className: "gf-h-3 gf-w-3 gf-fill-primaryIris gf-cursor-pointer",
-                onClick: r
-              }
-            )
-          ] }),
-          !o && /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: r,
-              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(n, { className: "gf-h-4 gf-w-4" })
-            }
-          ),
-          i
-        ]
+        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: N,
+            className: E(
+              "gf-relative gf-flex gf-w-[500px] gf-flex-col gf-gap-4 gf-rounded-2xl gf-p-4",
+              r == null ? void 0 : r.className
+            ),
+            children: [
+              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: n
+                  }
+                )
+              ] }),
+              !s && !(r != null && r.preventClose) && /* @__PURE__ */ c(
+                "button",
+                {
+                  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__ */ c(C, { className: "gf-h-4 gf-w-4" })
+                }
+              ),
+              g
+            ]
+          }
+        )
       }
-    ) }),
+    ),
     document.body
   ) : null;
 };
 export {
-  B as ResponsiveModal
+  H as ResponsiveModal
 };