@gardenfi/garden-book 0.3.1 → 0.3.3

package/dist/BottomSheet/BottomSheet.d.ts

@@ -4,6 +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,17 +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 l } from "../ClientOnly/index.js";
-const s = ({
-  children: o,
-  open: r,
-  onOpenChange: t
-}) => /* @__PURE__ */ f(l, { children: /* @__PURE__ */ f(g.Root, { open: r, onOpenChange: t, repositionInputs: !1, children: /* @__PURE__ */ e(g.Portal, { children: [
-  /* @__PURE__ */ f(g.Overlay, { className: "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" }),
-  /* @__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 })
-  ] })
-] }) }) });
+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: t,
+    onOpenChange: l,
+    repositionInputs: !1,
+    dismissible: a,
+    modal: s,
+    disablePreventScroll: c,
+    children: /* @__PURE__ */ g(e.Portal, { children: [
+      /* @__PURE__ */ f(
+        e.Overlay,
+        {
+          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",
+            n
+          )
+        }
+      ),
+      /* @__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 {
-  s as BottomSheet
+  u as BottomSheet
 };

package/dist/Checkbox/Checkbox.d.ts

@@ -3,6 +3,7 @@ import { FC } from 'react';
 type CheckBoxProps = React.HTMLAttributes<HTMLDivElement> & {
     checked: boolean;
     color?: string;
+    disabled?: boolean;
 };
 export declare const CheckBox: FC<CheckBoxProps>;
 export {};

package/dist/Checkbox/Checkbox.js

@@ -1,7 +1,35 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Checked as m } from "../Icons/Checked.js";
-import { Unchecked as s } from "../Icons/Unchecked.js";
-const p = ({ checked: o, color: e, ...c }) => /* @__PURE__ */ r("div", { ...c, children: o ? /* @__PURE__ */ r(m, { className: "gf-cursor-pointer", color: e }) : /* @__PURE__ */ r(s, { className: "gf-cursor-pointer" }) });
+import { jsx as t } from "react/jsx-runtime";
+import { Checked as n } from "../Icons/Checked.js";
+import { Unchecked as f } from "../Icons/Unchecked.js";
+import { cn as a } from "../utils/index.js";
+const s = ({
+  checked: e,
+  color: o,
+  disabled: r,
+  className: c,
+  onClick: m,
+  ...i
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    role: "checkbox",
+    "aria-checked": e,
+    "aria-disabled": r,
+    onClick: r ? void 0 : m,
+    className: a(
+      r ? "gf-cursor-not-allowed" : "gf-cursor-pointer",
+      c
+    ),
+    ...i,
+    children: e ? /* @__PURE__ */ t(
+      n,
+      {
+        color: !r && o ? o : "currentColor",
+        className: r ? "gf-text-midGrey" : o ? void 0 : "gf-text-button-primary"
+      }
+    ) : /* @__PURE__ */ t(f, {})
+  }
+);
 export {
-  p as CheckBox
+  s as CheckBox
 };

package/dist/CookieConsent/CookieConsent.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { DesktopModalConfig, MobileBottomSheetConfig } from '../ResponsiveModal/ResponsiveModal';
+import { ConsentChoice, CookieCategory, UseCookieConsentOptions } from './utils';
+
+export type CookieConsentProps = {
+    /** Privacy Policy link shown on the notice screen. */
+    privacyPolicyUrl: string;
+    /** Categories rendered on the preferences screen (defaults to the three Garden categories). */
+    categories?: CookieCategory[];
+    /** Initial tick state for the two non-essential categories. */
+    defaultChecked?: boolean;
+    /** Called after a choice is persisted. */
+    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. */
+export declare const CookieConsent: FC<CookieConsentProps>;

package/dist/CookieConsent/CookieConsent.js

@@ -0,0 +1,75 @@
+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 i } from "../utils/index.js";
+const F = ({
+  privacyPolicyUrl: o,
+  categories: f = b,
+  defaultChecked: l = !0,
+  onChange: n,
+  config: a,
+  desktopModal: e,
+  mobileBottomSheet: m
+}) => {
+  const { isOpen: u, view: _, ready: p, setView: v, close: y, acceptAll: A, save: C } = x(a);
+  if (!p) return null;
+  const g = {
+    preventClose: (e == null ? void 0 : e.preventClose) ?? !0,
+    disableScrollLock: (e == null ? void 0 : e.disableScrollLock) ?? !0,
+    overlayClassName: i(
+      "!gf-items-end !gf-justify-start gf-pl-[40px] !gf-bg-transparent !gf-pointer-events-none",
+      e == null ? void 0 : e.overlayClassName
+    ),
+    className: i(
+      "!gf-pointer-events-auto !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
+    )
+  }, s = () => {
+    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__ */ c(
+    S,
+    {
+      open: u,
+      onClose: y,
+      desktopModal: g,
+      mobileBottomSheet: m,
+      children: _ === "notice" ? /* @__PURE__ */ c(
+        E,
+        {
+          privacyPolicyUrl: o,
+          onChangePreferences: () => {
+            r("cookie_prefs_opened"), v("preferences");
+          },
+          onAcceptAll: s
+        }
+      ) : /* @__PURE__ */ c(
+        N,
+        {
+          categories: f,
+          defaultChecked: l,
+          onAcceptAll: s,
+          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);
+          }
+        }
+      )
+    }
+  );
+};
+export {
+  F as CookieConsent
+};

package/dist/CookieConsent/CookieConsentNotice.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+export type CookieConsentNoticeProps = {
+    privacyPolicyUrl: string;
+    onChangePreferences: () => void;
+    onAcceptAll: () => void;
+};
+export declare const CookieConsentNotice: FC<CookieConsentNoticeProps>;

package/dist/CookieConsent/CookieConsentNotice.js

@@ -0,0 +1,55 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Typography as r } from "../Typography/index.js";
+import { Button as l } from "../Button/index.js";
+const g = ({
+  privacyPolicyUrl: i,
+  onChangePreferences: s,
+  onAcceptAll: o
+}) => /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-9", children: [
+  /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-3 gf-px-1", children: [
+    /* @__PURE__ */ e(r, { as: "p", size: "h5", weight: "medium", className: "!gf-leading-5", children: "Manage cookies" }),
+    /* @__PURE__ */ a(r, { as: "p", size: "h4", children: [
+      "We use cookies and analytics to improve Garden. ",
+      /* @__PURE__ */ e("br", {}),
+      "Learn more in our",
+      " ",
+      /* @__PURE__ */ e(
+        "a",
+        {
+          href: i,
+          target: "_blank",
+          rel: "noreferrer",
+          className: "gf-font-medium",
+          children: "Privacy Policy"
+        }
+      ),
+      "."
+    ] })
+  ] }),
+  /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-3", children: [
+    /* @__PURE__ */ e(
+      l,
+      {
+        variant: "ternary",
+        size: "sm",
+        colors: { ternary: "rgba(255,255,255,0.5)" },
+        className: "gf-w-full",
+        onClick: s,
+        children: "Change preferences"
+      }
+    ),
+    /* @__PURE__ */ e(
+      l,
+      {
+        variant: "primary",
+        size: "sm",
+        className: "gf-w-full",
+        onClick: o,
+        children: "Accept all"
+      }
+    )
+  ] })
+] });
+export {
+  g as CookieConsentNotice
+};

package/dist/CookieConsent/CookieConsentPreferences.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ConsentChoice, CookieCategory } from './utils';
+
+export type CookieConsentPreferencesProps = {
+    categories: CookieCategory[];
+    defaultChecked: boolean;
+    onAcceptAll: () => void;
+    onSave: (choice: ConsentChoice) => void;
+};
+export declare const CookieConsentPreferences: FC<CookieConsentPreferencesProps>;

package/dist/CookieConsent/CookieConsentPreferences.js

@@ -0,0 +1,75 @@
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { Typography as s } from "../Typography/index.js";
+import { Button as c } from "../Button/index.js";
+import { CheckBox as h } from "../Checkbox/Checkbox.js";
+const v = ({
+  categories: n,
+  defaultChecked: r,
+  onAcceptAll: t,
+  onSave: o
+}) => {
+  const [f, m] = p({
+    analytics: r,
+    functional: r
+  });
+  return /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-9", children: [
+    /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-3 gf-px-1", children: [
+      /* @__PURE__ */ l(s, { as: "p", size: "h5", weight: "medium", className: "!gf-leading-5", children: "Manage cookies" }),
+      /* @__PURE__ */ l("div", { className: "gf-flex gf-flex-col gf-gap-4", children: n.map((e) => {
+        const i = e.id, d = e.locked ? !0 : f[i];
+        return /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-1", children: [
+          /* @__PURE__ */ a("div", { className: "gf-flex gf-items-center gf-justify-between gf-gap-4", children: [
+            /* @__PURE__ */ l(s, { as: "p", size: "h4", weight: "medium", children: e.title }),
+            /* @__PURE__ */ l(
+              h,
+              {
+                checked: d,
+                disabled: e.locked,
+                "aria-label": e.title,
+                className: "gf-shrink-0 gf-text-dark-grey",
+                onClick: () => m((g) => ({ ...g, [i]: !g[i] }))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l(
+            s,
+            {
+              as: "p",
+              size: "h4",
+              weight: "regular",
+              className: "gf-max-w-[340px]",
+              children: e.description
+            }
+          )
+        ] }, e.id);
+      }) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-3", children: [
+      /* @__PURE__ */ l(
+        c,
+        {
+          variant: "ternary",
+          size: "sm",
+          colors: { ternary: "rgba(255,255,255,0.5)" },
+          className: "gf-w-full",
+          onClick: t,
+          children: "Accept all"
+        }
+      ),
+      /* @__PURE__ */ l(
+        c,
+        {
+          variant: "primary",
+          size: "sm",
+          className: "gf-w-full",
+          onClick: () => o(f),
+          children: "Save"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  v as CookieConsentPreferences
+};

package/dist/CookieConsent/index.d.ts

@@ -0,0 +1,5 @@
+export * from './CookieConsent';
+export { useCookieConsent } from './useCookieConsent';
+export type { UseCookieConsentReturn } from './useCookieConsent';
+export { CONSENT_EVENT } from './utils';
+export type { ConsentChoice, StoredConsent, ConsentView, UseCookieConsentOptions, } from './utils';

package/dist/CookieConsent/index.js

@@ -0,0 +1,8 @@
+import { CookieConsent as r } from "./CookieConsent.js";
+import { useCookieConsent as C } from "./useCookieConsent.js";
+import { CONSENT_EVENT as f } from "./utils.js";
+export {
+  f as CONSENT_EVENT,
+  r as CookieConsent,
+  C as useCookieConsent
+};

package/dist/CookieConsent/store.d.ts

@@ -0,0 +1,19 @@
+import { ConsentView, StoredConsent } from './utils';
+
+/**
+ * Module-level store shared across all `useCookieConsent` instances,
+ * so the modal control one source of truth even though they call the
+ * hook independently. Subscribed via `useSyncExternalStore`.
+ */
+type State = {
+    isOpen: boolean;
+    view: ConsentView;
+    consent: StoredConsent | null;
+    ready: boolean;
+};
+export declare const setState: (patch: Partial<State>) => void;
+export declare const subscribe: (l: () => void) => () => boolean;
+export declare const getSnapshot: () => State;
+export declare const getServerSnapshot: () => State;
+export declare function boot(): void;
+export {};

package/dist/CookieConsent/store.js

@@ -0,0 +1,42 @@
+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 w = {
+  isOpen: !1,
+  view: "notice",
+  consent: null,
+  ready: !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 (c) return;
+  c = !0;
+  const e = l();
+  if (u(e)) {
+    n(e), t({ consent: e, ready: !0, isOpen: !1 });
+    return;
+  }
+  if (e) {
+    n(i), t({ consent: null, ready: !0, isOpen: !0, view: "notice" }), a("cookie_banner_shown");
+    return;
+  }
+  if (f() && d()) {
+    const r = p({ analytics: !0, functional: !0 });
+    n(r), t({ consent: r, ready: !0, isOpen: !1 });
+    return;
+  }
+  n(i), t({ consent: null, ready: !0, isOpen: !0, view: "notice" }), a("cookie_banner_shown");
+}
+export {
+  v as boot,
+  b as getServerSnapshot,
+  O as getSnapshot,
+  t as setState,
+  h as subscribe
+};

package/dist/CookieConsent/useCookieConsent.d.ts

@@ -0,0 +1,23 @@
+import { ConsentChoice, ConsentView, StoredConsent, UseCookieConsentOptions } from './utils';
+
+export type UseCookieConsentReturn = {
+    /** The stored choice, or null if none/expired. */
+    consent: StoredConsent | null;
+    /** Whether the banner/modal is open. */
+    isOpen: boolean;
+    /** Which screen to show when open. */
+    view: ConsentView;
+    /** True once boot has run on the client (avoids SSR flash). */
+    ready: boolean;
+    /** Open the banner at a given screen (default the notice; pass "preferences" for a footer link). */
+    open: (view?: ConsentView) => void;
+    /** Switch screen without closing (e.g. notice → preferences). */
+    setView: (view: ConsentView) => void;
+    /** Close without recording a choice (banner reappears next load). */
+    close: () => void;
+    /** Grant everything and persist. */
+    acceptAll: () => void;
+    /** Persist a specific choice. */
+    save: (choice: ConsentChoice) => void;
+};
+export declare function useCookieConsent(options?: UseCookieConsentOptions): UseCookieConsentReturn;

package/dist/CookieConsent/useCookieConsent.js

@@ -0,0 +1,31 @@
+import { useSyncExternalStore as a, useEffect as i, useCallback as c } from "react";
+import { subscribe as p, getSnapshot as l, getServerSnapshot as u, boot as f, setState as n } from "./store.js";
+import { configure as m, writeConsent as C, applyConsent as S, clearDeniedCookies as y } from "./utils.js";
+function v(o) {
+  const t = a(
+    p,
+    l,
+    u
+  );
+  i(() => {
+    m(o), f();
+  }, []);
+  const s = c((e) => {
+    const r = C(e);
+    S(e), y(e), n({ consent: r, isOpen: !1 });
+  }, []);
+  return {
+    consent: t.consent,
+    isOpen: t.isOpen,
+    view: t.view,
+    ready: t.ready,
+    open: (e = "notice") => n({ isOpen: !0, view: e }),
+    setView: (e) => n({ view: e }),
+    close: () => n({ isOpen: !1 }),
+    acceptAll: () => s({ analytics: !0, functional: !0 }),
+    save: (e) => s(e)
+  };
+}
+export {
+  v as useCookieConsent
+};

package/dist/CookieConsent/utils.d.ts

@@ -0,0 +1,66 @@
+export type CookieCategory = {
+    id: "essential" | "analytics" | "functional";
+    title: string;
+    description: string;
+    /** Always on, no toggle (Essential). */
+    locked?: boolean;
+};
+/** Default Garden categories for the preferences UI. */
+export declare const DEFAULT_COOKIE_CATEGORIES: CookieCategory[];
+export type ConsentView = "notice" | "preferences";
+export type ConsentChoice = {
+    analytics: boolean;
+    functional: boolean;
+};
+export type StoredConsent = ConsentChoice & {
+    /** Always true — Essential is locked on. Stored explicitly so external readers
+     * (proof-of-consent record, audits) see the full picture, even though we never mutate it. */
+    essential: true;
+    timestamp: number;
+    version: number;
+};
+/** Window event the telemetry scripts (loaded separately) listen on to react without a reload. */
+export declare const CONSENT_EVENT = "garden:consentchange";
+type Config = {
+    /** Cookie domain — `.garden.finance` shares the choice across www + app. */
+    cookieDomain: string;
+    /** Bump to force re-consent after a policy/category change. */
+    storageVersion: number;
+    /** Consent *validity* — re-prompt after this many months (checked via timestamp). */
+    expiryMonths: number;
+    /** Cookie *lifetime* in days — kept longer than validity (and refreshed each visit)
+     * so a stale-but-present cookie can be told apart from an absent one. Browser caps at 400. */
+    cookieMaxAgeDays: number;
+};
+export type UseCookieConsentOptions = Partial<Config>;
+export declare const config: Config;
+/**
+ * Patch the module config in place. Callers can't reassign the imported `config`
+ * binding (ES module imports are read-only), so mutate its properties instead.
+ */
+export declare function configure(options?: UseCookieConsentOptions): void;
+export declare function isWithinAutoConsentWindow(): boolean;
+/** Parse the cookie. Returns the record if present and parseable, else null. */
+export declare function readRaw(): StoredConsent | null;
+/** A record is valid if it matches the current policy version and is within the
+ * 13-month validity window. */
+export declare function isValidConsent(data: StoredConsent | null): data is StoredConsent;
+/** Record a new choice (stamps a fresh timestamp + current version). */
+export declare function writeConsent(choice: ConsentChoice): StoredConsent;
+/** True if any pre-existing analytics/functional cookie is present. Used to
+ * detect a pre-deploy "existing user" (Essential cookies are excluded). */
+export declare function hasTrackingCookies(): boolean;
+/** Delete the cookies of any category the choice denies. Idempotent (deleting an
+ * absent cookie is a no-op), so safe to call on every consent update. Tool-native
+ * 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 {};