@gardenfi/garden-book 0.3.2 → 0.3.4

package/dist/BottomSheet/BottomSheet.d.ts

@@ -4,10 +4,14 @@ type BottomSheetProps = {
     children: ReactNode;
     open: boolean;
     onOpenChange?: (open: boolean) => void;
+    /** Classes for the sheet content panel (Drawer.Content). */
+    className?: string;
     overlayClassName?: string;
     dismissible?: boolean;
     /** When `false`, the page behind stays interactive */
     modal?: boolean;
+    /** When `true`, the page is NOT scroll-locked while open. */
+    disableScrollLock?: boolean;
 };
 export declare const BottomSheet: FC<BottomSheetProps>;
 export {};

package/dist/BottomSheet/index.js

@@ -1,39 +1,51 @@
-import { jsx as f, jsxs as e } from "react/jsx-runtime";
-import { Drawer as g } from "../node_modules/vaul/dist/index.js";
-import { ClientOnly as a } from "../ClientOnly/index.js";
-import { cn as s } from "../utils/index.js";
-const h = ({
-  children: o,
-  open: r,
-  onOpenChange: t,
-  overlayClassName: l,
-  dismissible: i,
-  modal: n
-}) => /* @__PURE__ */ f(a, { children: /* @__PURE__ */ f(
-  g.Root,
+import { jsx as f, jsxs as g } from "react/jsx-runtime";
+import { Drawer as e } from "../node_modules/vaul/dist/index.js";
+import { ClientOnly as m } from "../ClientOnly/index.js";
+import { cn as o } from "../utils/index.js";
+const u = ({
+  children: r,
+  open: t,
+  onOpenChange: l,
+  className: i,
+  overlayClassName: n,
+  dismissible: a,
+  modal: s,
+  disableScrollLock: c
+}) => /* @__PURE__ */ f(m, { children: /* @__PURE__ */ f(
+  e.Root,
   {
-    open: r,
-    onOpenChange: t,
+    open: t,
+    onOpenChange: l,
     repositionInputs: !1,
-    dismissible: i,
-    modal: n,
-    children: /* @__PURE__ */ e(g.Portal, { children: [
+    dismissible: a,
+    modal: s,
+    disablePreventScroll: c,
+    children: /* @__PURE__ */ g(e.Portal, { children: [
       /* @__PURE__ */ f(
-        g.Overlay,
+        e.Overlay,
         {
-          className: s(
+          className: o(
             "gf-fixed gf-inset-0 gf-z-50 gf-h-screen gf-w-screen gf-bg-dark-grey gf-bg-opacity-40 gf-transition-colors gf-duration-500 gf-ease-cubic-in-out",
-            l
+            n
           )
         }
       ),
-      /* @__PURE__ */ e(g.Content, { className: "gf-fixed gf-bottom-0 gf-left-0 gf-right-0 gf-z-50 gf-mt-24 gf-flex gf-max-h-[85vh] gf-flex-col gf-rounded-t-xl gf-bg-white/50 gf-px-4 gf-py-4 gf-outline-none gf-backdrop-blur-[20px]", children: [
-        /* @__PURE__ */ f("div", { className: "gf-mx-auto gf-mb-3 gf-h-1 gf-w-[60px] gf-flex-shrink-0 gf-rounded-full gf-bg-white/30" }),
-        /* @__PURE__ */ f("div", { className: "gf-scrollbar-hide gf-flex gf-flex-1 gf-flex-col gf-gap-5 gf-overflow-y-auto", children: o })
-      ] })
+      /* @__PURE__ */ g(
+        e.Content,
+        {
+          className: o(
+            "gf-fixed gf-bottom-0 gf-left-0 gf-right-0 gf-z-50 gf-mt-24 gf-flex gf-max-h-[85vh] gf-flex-col gf-rounded-t-xl gf-bg-white/50 gf-px-4 gf-py-4 gf-outline-none gf-backdrop-blur-[20px]",
+            i
+          ),
+          children: [
+            /* @__PURE__ */ f("div", { className: "gf-mx-auto gf-mb-3 gf-h-1 gf-w-[60px] gf-flex-shrink-0 gf-rounded-full gf-bg-white/30" }),
+            /* @__PURE__ */ f("div", { className: "gf-scrollbar-hide gf-flex gf-flex-1 gf-flex-col gf-gap-5 gf-overflow-y-auto", children: r })
+          ]
+        }
+      )
     ] })
   }
 ) });
 export {
-  h as BottomSheet
+  u as BottomSheet
 };

package/dist/CookieConsent/CookieConsent.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { DesktopModalConfig, MobileBottomSheetConfig } from '../ResponsiveModal/ResponsiveModal';
 import { ConsentChoice, CookieCategory, UseCookieConsentOptions } from './utils';
 
 export type CookieConsentProps = {
@@ -12,6 +13,12 @@ export type CookieConsentProps = {
     onChange?: (choice: ConsentChoice) => void;
     /** Override cookie domain / version / expiry. */
     config?: UseCookieConsentOptions;
+    /** Desktop modal overrides — merged over the defaults
+     * (docked bottom-left, transparent click-through overlay, no X, no scroll-lock). */
+    desktopModal?: DesktopModalConfig;
+    /** Mobile bottom sheet overrides — defaults to a standard dismissible sheet
+     * (dim backdrop, tap-outside / drag to close). */
+    mobileBottomSheet?: MobileBottomSheetConfig;
 };
 /** Orchestrator: owns the consent store + responsive modal, and switches between
  * the two presentational screens. */

package/dist/CookieConsent/CookieConsent.js

@@ -1,46 +1,70 @@
-import { jsx as t } from "react/jsx-runtime";
-import { ResponsiveModal as A } from "../ResponsiveModal/index.js";
-import { useCookieConsent as v } from "./useCookieConsent.js";
-import { CookieConsentNotice as g } from "./CookieConsentNotice.js";
-import { CookieConsentPreferences as k } from "./CookieConsentPreferences.js";
-import { DEFAULT_COOKIE_CATEGORIES as S } from "./utils.js";
-const I = ({
-  privacyPolicyUrl: n,
-  categories: s = S,
-  defaultChecked: l = !0,
-  onChange: e,
-  config: i
+import { jsx as c } from "react/jsx-runtime";
+import { ResponsiveModal as S } from "../ResponsiveModal/index.js";
+import { useCookieConsent as x } from "./useCookieConsent.js";
+import { CookieConsentNotice as E } from "./CookieConsentNotice.js";
+import { CookieConsentPreferences as N } from "./CookieConsentPreferences.js";
+import { trackConsentEvent as r, DEFAULT_COOKIE_CATEGORIES as b, consentDecision as O } from "./utils.js";
+import { cn as o } from "../utils/index.js";
+const F = ({
+  privacyPolicyUrl: f,
+  categories: l = b,
+  defaultChecked: a = !0,
+  onChange: n,
+  config: m,
+  desktopModal: e,
+  mobileBottomSheet: u
 }) => {
-  const { isOpen: c, view: f, ready: p, setView: a, close: m, acceptAll: u, save: d } = v(i);
+  const { isOpen: s, view: _, ready: p, setView: v, close: y, acceptAll: A, save: C } = x(m);
   if (!p) return null;
-  const o = () => {
-    u(), e == null || e({ analytics: !0, functional: !0 });
+  const g = {
+    preventClose: (e == null ? void 0 : e.preventClose) ?? !0,
+    disableScrollLock: (e == null ? void 0 : e.disableScrollLock) ?? !0,
+    overlayClassName: o(
+      "!gf-items-end !gf-justify-start gf-pl-[40px] !gf-bg-transparent !gf-pointer-events-none",
+      e == null ? void 0 : e.overlayClassName
+    ),
+    className: o(
+      s ? "!gf-pointer-events-auto" : "!gf-pointer-events-none",
+      "!gf-w-[420px] gf-gap-0 gf-px-3 gf-py-4 gf-rounded-t-4 gf-rounded-b-none",
+      e == null ? void 0 : e.className
+    )
+  }, i = () => {
+    A(), r("cookie_consent_set", {
+      consent_action: "accept_all",
+      consent_analytics: !0,
+      consent_functional: !0,
+      consent_decision: "accept_all"
+    }), n == null || n({ analytics: !0, functional: !0 });
   };
-  return /* @__PURE__ */ t(
-    A,
+  return /* @__PURE__ */ c(
+    S,
     {
-      open: c,
-      onClose: m,
-      hideCloseBtn: !0,
-      bottomSheetAllowBackgroundInteraction: !0,
-      disableScrollLock: !0,
-      overlayClassName: "!gf-items-end !gf-justify-start gf-pl-[40px] !gf-bg-transparent !gf-pointer-events-none",
-      className: "!gf-pointer-events-auto gf-w-[420px] gf-gap-0 gf-px-3 gf-py-4 gf-rounded-t-4 gf-rounded-b-none",
-      children: f === "notice" ? /* @__PURE__ */ t(
-        g,
+      open: s,
+      onClose: y,
+      desktopModal: g,
+      mobileBottomSheet: u,
+      children: _ === "notice" ? /* @__PURE__ */ c(
+        E,
         {
-          privacyPolicyUrl: n,
-          onChangePreferences: () => a("preferences"),
-          onAcceptAll: o
+          privacyPolicyUrl: f,
+          onChangePreferences: () => {
+            r("cookie_prefs_opened"), v("preferences");
+          },
+          onAcceptAll: i
         }
-      ) : /* @__PURE__ */ t(
-        k,
+      ) : /* @__PURE__ */ c(
+        N,
         {
-          categories: s,
-          defaultChecked: l,
-          onAcceptAll: o,
-          onSave: (r) => {
-            d(r), e == null || e(r);
+          categories: l,
+          defaultChecked: a,
+          onAcceptAll: i,
+          onSave: (t) => {
+            C(t), r("cookie_consent_set", {
+              consent_action: "save",
+              consent_analytics: t.analytics,
+              consent_functional: t.functional,
+              consent_decision: O(t)
+            }), n == null || n(t);
           }
         }
       )
@@ -48,5 +72,5 @@ const I = ({
   );
 };
 export {
-  I as CookieConsent
+  F as CookieConsent
 };

package/dist/CookieConsent/store.js

@@ -1,42 +1,42 @@
-import { readRaw as c, isValidConsent as l, applyConsent as t, hasTrackingCookies as u, isWithinAutoConsentWindow as f, writeConsent as d } from "./utils.js";
+import { readRaw as l, isValidConsent as u, applyConsent as n, trackConsentEvent as a, hasTrackingCookies as f, isWithinAutoConsentWindow as d, writeConsent as p } from "./utils.js";
 let s = {
   isOpen: !1,
   view: "notice",
   consent: null,
   ready: !1
 };
-const p = {
+const w = {
   isOpen: !1,
   view: "notice",
   consent: null,
   ready: !1
-}, o = /* @__PURE__ */ new Set(), w = () => o.forEach((e) => e()), n = (e) => {
-  s = { ...s, ...e }, w();
-}, S = (e) => (o.add(e), () => o.delete(e)), O = () => s, h = () => p, a = { analytics: !1, functional: !1 };
-let i = !1;
+}, o = /* @__PURE__ */ new Set(), y = () => o.forEach((e) => e()), t = (e) => {
+  s = { ...s, ...e }, y();
+}, h = (e) => (o.add(e), () => o.delete(e)), O = () => s, b = () => w, i = { analytics: !1, functional: !1 };
+let c = !1;
 function v() {
-  if (i) return;
-  i = !0;
-  const e = c();
-  if (l(e)) {
-    t(e), n({ consent: e, ready: !0, isOpen: !1 });
+  if (c) return;
+  c = !0;
+  const e = l();
+  if (u(e)) {
+    n(e), t({ consent: e, ready: !0, isOpen: !1 });
     return;
   }
   if (e) {
-    t(a), n({ consent: null, ready: !0, isOpen: !0, view: "notice" });
+    n(i), t({ consent: null, ready: !0, isOpen: !0, view: "notice" }), a("cookie_banner_shown");
     return;
   }
-  if (u() && f()) {
-    const r = d({ analytics: !0, functional: !0 });
-    t(r), n({ consent: r, ready: !0, isOpen: !1 });
+  if (f() && d()) {
+    const r = p({ analytics: !0, functional: !0 });
+    n(r), t({ consent: r, ready: !0, isOpen: !1 });
     return;
   }
-  t(a), n({ consent: null, ready: !0, isOpen: !0, view: "notice" });
+  n(i), t({ consent: null, ready: !0, isOpen: !0, view: "notice" }), a("cookie_banner_shown");
 }
 export {
   v as boot,
-  h as getServerSnapshot,
+  b as getServerSnapshot,
   O as getSnapshot,
-  n as setState,
-  S as subscribe
+  t as setState,
+  h as subscribe
 };

package/dist/CookieConsent/utils.d.ts

@@ -55,4 +55,12 @@ export declare function hasTrackingCookies(): boolean;
  * clears (posthog.reset / Clarity consentv2) happen in the GTM tags. */
 export declare function clearDeniedCookies(choice: ConsentChoice): void;
 export declare function applyConsent(choice: ConsentChoice): void;
+export type ConsentSurface = "app" | "www" | "localhost";
+/** Which site fired the event — so app + www land in one GA4 property and segment by `surface`. */
+export declare function consentSurface(): ConsentSurface;
+/** One-field summary of a choice for easy reporting. */
+export declare function consentDecision(choice: ConsentChoice): "accept_all" | "reject_all" | "partial";
+/** Push a consent-funnel event to the dataLayer. Always tags `surface`. Fires
+ * regardless of consent state (GA4 cookieless pings collect it either way). */
+export declare function trackConsentEvent(event: "cookie_banner_shown" | "cookie_prefs_opened" | "cookie_consent_set", props?: Record<string, unknown>): void;
 export {};

package/dist/CookieConsent/utils.js

@@ -1,4 +1,4 @@
-const p = [
+const g = [
   {
     id: "essential",
     title: "Essential",
@@ -15,21 +15,21 @@ const p = [
     title: "Performance & Functional",
     description: "Traffic sources to help us understand how people discover Garden."
   }
-], d = "garden:consentchange", i = "garden_consent", a = {
+], u = "garden:consentchange", i = "garden_consent", o = {
   cookieDomain: ".garden.finance",
   storageVersion: 1,
   expiryMonths: 13,
   cookieMaxAgeDays: 400
 };
-function g(n) {
-  n && Object.assign(a, n);
+function y(n) {
+  n && Object.assign(o, n);
 }
-const u = "2026-06-12", l = 60;
+const d = "2026-06-12", l = 60;
 function _() {
-  const n = new Date(u).getTime();
+  const n = new Date(d).getTime();
   return Number.isNaN(n) ? !1 : Date.now() < n + l * 24 * 60 * 60 * 1e3;
 }
-function y() {
+function w() {
   try {
     const n = document.cookie.match(
       new RegExp("(?:^|; )" + i + "=([^;]*)")
@@ -40,11 +40,11 @@ function y() {
   }
 }
 function h(n) {
-  return !n || n.version !== a.storageVersion ? !1 : Date.now() - (n.timestamp || 0) <= a.expiryMonths * 30 * 24 * 60 * 60 * 1e3;
+  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 = a.cookieMaxAgeDays * 24 * 60 * 60;
-  document.cookie = i + "=" + t + "; domain=" + a.cookieDomain + "; path=/; max-age=" + e + "; SameSite=Lax; Secure";
+  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 = {
@@ -52,7 +52,7 @@ function C(n) {
     analytics: !!n.analytics,
     functional: !!n.functional,
     timestamp: Date.now(),
-    version: a.storageVersion
+    version: o.storageVersion
   };
   return f(t), t;
 }
@@ -81,10 +81,10 @@ function E() {
   ];
   return r().some((t) => n.some((e) => e.test(t)));
 }
-function m(n) {
+function p(n) {
   [
     "",
-    "; domain=" + a.cookieDomain,
+    "; domain=" + o.cookieDomain,
     typeof location < "u" ? "; domain=" + location.hostname : ""
   ].forEach((e) => {
     document.cookie = n + "=; path=/; max-age=0" + e;
@@ -93,42 +93,58 @@ function m(n) {
 function k(n) {
   const t = [];
   n.analytics || t.push(...s), n.functional || t.push(...c), t.length && r().forEach((e) => {
-    t.some((o) => o.test(e)) && m(e);
+    t.some((a) => a.test(e)) && p(e);
   });
 }
-function O(n) {
-  const t = n.analytics ? "granted" : "denied", e = n.functional ? "granted" : "denied", o = window;
-  typeof o.gtag == "function" && o.gtag("consent", "update", {
+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"
-  }), o.dataLayer = o.dataLayer || [], o.dataLayer.push({
+  }), a.dataLayer = a.dataLayer || [], a.dataLayer.push({
     event: "consent_update",
     analytics_consent: t,
     functional_consent: e
   });
   try {
     window.dispatchEvent(
-      new CustomEvent(d, {
+      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 {
-  d as CONSENT_EVENT,
-  p as DEFAULT_COOKIE_CATEGORIES,
-  O as applyConsent,
+  u as CONSENT_EVENT,
+  g as DEFAULT_COOKIE_CATEGORIES,
+  D as applyConsent,
   k as clearDeniedCookies,
-  a as config,
-  g as configure,
+  o as config,
+  y as configure,
+  O as consentDecision,
+  m as consentSurface,
   E as hasTrackingCookies,
   h as isValidConsent,
   _ as isWithinAutoConsentWindow,
-  y as readRaw,
+  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(