@redacto.io/consent-sdk-react 10.2.2-beta.3 → 10.3.0-beta.4

package/dist/chunk-EYHKLIAJ.mjs

@@ -0,0 +1,618 @@
+// src/shared/idempotency.ts
+var HEADER = "Idempotency-Key";
+var pending = /* @__PURE__ */ new Map();
+var MAX_PENDING = 16;
+var mintKey = () => {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 14)}-${Math.random().toString(36).slice(2, 14)}`;
+};
+var statusOf = (outcome) => {
+  if (typeof Response !== "undefined" && outcome instanceof Response) {
+    return outcome.status;
+  }
+  if (outcome && typeof outcome === "object" && "status" in outcome) {
+    const status = outcome.status;
+    if (typeof status === "number") return status;
+  }
+  return void 0;
+};
+var settledOnResolve = (result) => {
+  const status = statusOf(result);
+  return status === void 0 || status < 500;
+};
+var settledOnReject = (error) => {
+  const status = statusOf(error);
+  return status !== void 0 && status < 500;
+};
+var withIdempotencyKey = async (url, body, send) => {
+  const signature = `${url}
+${body}`;
+  let entry = pending.get(signature);
+  if (!entry) {
+    entry = { key: mintKey(), inFlight: 0, keep: false };
+    if (pending.size >= MAX_PENDING) {
+      const oldest = pending.keys().next().value;
+      if (oldest !== void 0) pending.delete(oldest);
+    }
+    pending.set(signature, entry);
+  } else if (entry.inFlight === 0) {
+    entry.keep = false;
+  }
+  entry.inFlight += 1;
+  const settle = (settled) => {
+    entry.inFlight -= 1;
+    if (!settled) entry.keep = true;
+    if (entry.inFlight === 0 && !entry.keep) pending.delete(signature);
+  };
+  try {
+    const result = await send({ [HEADER]: entry.key });
+    settle(settledOnResolve(result));
+    return result;
+  } catch (error) {
+    settle(settledOnReject(error));
+    throw error;
+  }
+};
+
+// src/shared/appearance/constants.ts
+var NOTICE_COLOR_KEYS = [
+  "background",
+  "surface",
+  "heading",
+  "text",
+  "muted_text",
+  "link",
+  "border",
+  "overlay",
+  "accept_all_bg",
+  "accept_all_text",
+  "accept_bg",
+  "accept_text",
+  "decline_bg",
+  "decline_text",
+  "decline_border",
+  "language_bg",
+  "language_text",
+  "language_selected_bg",
+  "language_selected_text",
+  "toggle_on",
+  "toggle_off",
+  "toggle_knob",
+  "tts_highlight_bg",
+  "tts_highlight_text"
+];
+var NOTICE_SELECTION_CONTROLS = ["checkbox", "radio", "dropdown"];
+var NOTICE_CONTROL_STYLES = ["checkbox", "switch"];
+var NOTICE_RADIUS_MIN = 0;
+var NOTICE_RADIUS_MAX = 28;
+var NOTICE_MOBILE_LAYOUTS = ["modal", "sheet"];
+var NOTICE_DESKTOP_POSITIONS = [
+  "center",
+  "bottom-right",
+  "bottom-left",
+  "bottom-bar"
+];
+var NOTICE_BACKDROPS = ["dim", "none"];
+var NOTICE_PHONE_FOOTERS = ["stacked", "paired"];
+var NOTICE_TEXT_SCALES = ["sm", "md", "lg"];
+var DEFAULT_TEXT_SCALE = "md";
+var DEFAULT_DESKTOP_POSITION = "center";
+var NOTICE_TEXT_SCALE_FACTORS = {
+  sm: 0.92,
+  md: 1,
+  lg: 1.1
+};
+var NOTICE_WIDTH_MIN = 320;
+var NOTICE_WIDTH_MAX = 960;
+var NOTICE_LOGO_SIZE_MIN = 16;
+var NOTICE_LOGO_SIZE_MAX = 96;
+var NOTICE_CUSTOM_CSS_MAX_LENGTH = 2e4;
+var NOTICE_DISALLOWED_CSS_TOKENS = [
+  "</style",
+  "@import",
+  "javascript:",
+  "expression(",
+  "behavior:"
+];
+var CSS_ESCAPE_RE = /\\([0-9a-f]{1,6})(?:\r\n|[ \t\r\n\f])?|\\([\s\S])/gi;
+var CSS_BRACKET_PAIRS = {
+  "{": "}",
+  "(": ")",
+  "[": "]"
+};
+var CSS_CLOSING_BRACKETS = Object.values(CSS_BRACKET_PAIRS);
+var CSS_QUOTES = ['"', "'"];
+var CSS_NEWLINES = ["\n", "\r", "\f"];
+var CSS_REPLACEMENT_CHARACTER = "\uFFFD";
+var MAX_CODE_POINT = 1114111;
+var HEX_RADIX = 16;
+var SURROGATE_MIN = 55296;
+var SURROGATE_MAX = 57343;
+var NOTICE_HEX_COLOR_RE = /^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+var DEFAULT_TTS_HIGHLIGHT_BG = "#FFF9C4";
+var NOTICE_THEME_VARS = {
+  accent: "--redacto-accent",
+  controlOff: "--redacto-control-off",
+  knob: "--redacto-toggle-knob",
+  ttsBackground: "--redacto-tts-bg",
+  ttsText: "--redacto-tts-text"
+};
+var THEMED_ACCENT = `var(${NOTICE_THEME_VARS.accent}, #4f87ff)`;
+var THEMED_CONTROL_OFF = `var(${NOTICE_THEME_VARS.controlOff}, #d0d5dd)`;
+var THEMED_TTS_BACKGROUND = `var(${NOTICE_THEME_VARS.ttsBackground}, ${DEFAULT_TTS_HIGHLIGHT_BG})`;
+var TTS_TEXT_ATTRIBUTE = "data-redacto-tts-text";
+
+// src/shared/appearance/ttsCssVariables.ts
+var buildTtsCssVariables = (colors) => Object.fromEntries(
+  [
+    [NOTICE_THEME_VARS.ttsBackground, colors.tts_highlight_bg],
+    [NOTICE_THEME_VARS.ttsText, colors.tts_highlight_text]
+  ].filter(([, value]) => value !== void 0)
+);
+var buildTtsRootAttributes = (colors) => colors.tts_highlight_text ? { [TTS_TEXT_ATTRIBUTE]: "" } : {};
+
+// src/shared/appearance/registry.ts
+var DEFAULT_APPEARANCE = "classic";
+var APPEARANCE_ATTRIBUTE = "data-redacto-appearance";
+var NOTICE_ROOT_ATTRIBUTE = "data-redacto-notice";
+var CLASSIC_LAYOUT = {
+  sheet: false,
+  collapsibleSections: false,
+  switchControl: false,
+  pairedFooter: false,
+  loaderPill: false,
+  sheetOverlays: false
+};
+var APPEARANCES = {
+  classic: { layout: CLASSIC_LAYOUT },
+  // Minimal and soft restyle classic's surfaces and keep its layout.
+  minimal: { layout: CLASSIC_LAYOUT },
+  soft: { layout: CLASSIC_LAYOUT },
+  glass: {
+    layout: {
+      sheet: true,
+      collapsibleSections: true,
+      // Checkboxes until the admin (or the host) picks switches, in every style.
+      switchControl: false,
+      pairedFooter: true,
+      loaderPill: true,
+      sheetOverlays: true
+    }
+  }
+};
+var isAppearance = (value) => typeof value === "string" && Object.prototype.hasOwnProperty.call(APPEARANCES, value);
+var resolveAppearance = (value) => isAppearance(value) ? value : DEFAULT_APPEARANCE;
+var getAppearanceLayout = (appearance) => APPEARANCES[appearance].layout;
+
+// src/shared/appearance/layout.ts
+var resolveNoticeLayout = (appearance) => {
+  var _a, _b, _c;
+  const defaults = getAppearanceLayout(appearance.style);
+  return {
+    mobileSheet: appearance.mobileLayout ? appearance.mobileLayout === "sheet" : defaults.sheet,
+    desktopPosition: (_a = appearance.desktopPosition) != null ? _a : DEFAULT_DESKTOP_POSITION,
+    dimBackdrop: appearance.backdrop !== "none",
+    collapsibleSections: (_b = appearance.collapsibleSections) != null ? _b : defaults.collapsibleSections,
+    pairedFooter: appearance.phoneFooter ? appearance.phoneFooter === "paired" : defaults.pairedFooter,
+    switchControl: appearance.controlStyle ? appearance.controlStyle === "switch" : defaults.switchControl,
+    motion: (_c = appearance.motion) != null ? _c : true
+  };
+};
+
+// src/shared/appearance/motion.ts
+var MOTION = {
+  /** iOS sheet spring: fast start, long soft settle. */
+  sheetEase: "cubic-bezier(0.32, 0.72, 0, 1)",
+  outEase: "cubic-bezier(0.22, 1, 0.36, 1)",
+  sheetMs: 620,
+  dimMs: 420,
+  collapseMs: 380,
+  /** Classic modals fade out quickly; glass sheets take `dimMs`. */
+  fadeMs: 200,
+  /**
+   * Classic Privacy Center accordions. Must not exceed `collapseMs`, after
+   * which PCAccordionBody lifts the clipping on an open body.
+   */
+  classicCollapseMs: 300
+};
+var COLLAPSE_EASE = `${MOTION.collapseMs}ms ${MOTION.sheetEase}`;
+var prefersReducedMotion = () => {
+  var _a, _b;
+  return typeof window !== "undefined" && ((_b = (_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)")) == null ? void 0 : _b.matches) === true;
+};
+
+// src/shared/appearance/customCss.ts
+var decodeCssEscapes = (value) => value.replace(
+  CSS_ESCAPE_RE,
+  (_match, hex, literal) => {
+    if (hex === void 0) {
+      return literal;
+    }
+    const codePoint = Number.parseInt(hex, HEX_RADIX);
+    if (codePoint === 0 || codePoint > MAX_CODE_POINT || codePoint >= SURROGATE_MIN && codePoint <= SURROGATE_MAX) {
+      return CSS_REPLACEMENT_CHARACTER;
+    }
+    return String.fromCodePoint(codePoint);
+  }
+);
+var hasBalancedBlocks = (css) => {
+  const open = [];
+  let quote;
+  let inComment = false;
+  for (let index = 0; index < css.length; index += 1) {
+    const char = css[index];
+    if (inComment) {
+      if (char === "*" && css[index + 1] === "/") {
+        inComment = false;
+        index += 1;
+      }
+    } else if (char === "\\") {
+      index += 1;
+    } else if (quote) {
+      if (char === quote) {
+        quote = void 0;
+      } else if (CSS_NEWLINES.includes(char)) {
+        return false;
+      }
+    } else if (char === "/" && css[index + 1] === "*") {
+      inComment = true;
+      index += 1;
+    } else if (CSS_QUOTES.includes(char)) {
+      quote = char;
+    } else if (char in CSS_BRACKET_PAIRS) {
+      open.push(CSS_BRACKET_PAIRS[char]);
+    } else if (CSS_CLOSING_BRACKETS.includes(char) && open.pop() !== char) {
+      return false;
+    }
+  }
+  return open.length === 0 && !quote && !inComment;
+};
+var isSafeCustomCss = (css) => {
+  if (css.length > NOTICE_CUSTOM_CSS_MAX_LENGTH || !hasBalancedBlocks(css)) {
+    return false;
+  }
+  const lowered = css.toLowerCase();
+  const decoded = decodeCssEscapes(css).toLowerCase();
+  return NOTICE_DISALLOWED_CSS_TOKENS.every(
+    (token) => !lowered.includes(token) && !decoded.includes(token)
+  );
+};
+
+// src/shared/appearance/resolve.ts
+var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var pickColors = (raw) => {
+  if (!isRecord(raw)) {
+    return {};
+  }
+  const colors = {};
+  for (const key of NOTICE_COLOR_KEYS) {
+    const value = raw[key];
+    if (typeof value === "string" && NOTICE_HEX_COLOR_RE.test(value)) {
+      colors[key] = value;
+    }
+  }
+  return colors;
+};
+var pickPx = (raw, min, max) => {
+  if (typeof raw !== "number" || !Number.isFinite(raw)) {
+    return void 0;
+  }
+  return `${Math.min(max, Math.max(min, Math.round(raw)))}px`;
+};
+var pickOption = (options, raw) => options.find((option) => option === raw);
+var pickBoolean = (raw) => typeof raw === "boolean" ? raw : void 0;
+var pickCustomCss = (raw) => typeof raw === "string" && raw.trim() && isSafeCustomCss(raw) ? raw : void 0;
+var resolveNoticeAppearance = (raw) => {
+  const appearance = isRecord(raw) ? raw : {};
+  return {
+    style: resolveAppearance(appearance.style),
+    colors: pickColors(appearance.colors),
+    radius: pickPx(
+      appearance.border_radius,
+      NOTICE_RADIUS_MIN,
+      NOTICE_RADIUS_MAX
+    ),
+    selectionControl: pickOption(
+      NOTICE_SELECTION_CONTROLS,
+      appearance.selection_control
+    ),
+    controlStyle: pickOption(NOTICE_CONTROL_STYLES, appearance.control_style),
+    confirmBeforeSubmit: appearance.confirm_before_submit === true,
+    mobileLayout: pickOption(NOTICE_MOBILE_LAYOUTS, appearance.mobile_layout),
+    desktopPosition: pickOption(
+      NOTICE_DESKTOP_POSITIONS,
+      appearance.desktop_position
+    ),
+    backdrop: pickOption(NOTICE_BACKDROPS, appearance.backdrop),
+    collapsibleSections: pickBoolean(appearance.collapsible_sections),
+    phoneFooter: pickOption(NOTICE_PHONE_FOOTERS, appearance.phone_footer),
+    autoDark: appearance.auto_dark === true,
+    darkColors: pickColors(appearance.dark_colors),
+    maxWidth: pickPx(appearance.max_width, NOTICE_WIDTH_MIN, NOTICE_WIDTH_MAX),
+    logoSize: pickPx(
+      appearance.logo_size,
+      NOTICE_LOGO_SIZE_MIN,
+      NOTICE_LOGO_SIZE_MAX
+    ),
+    textScale: pickOption(NOTICE_TEXT_SCALES, appearance.text_scale),
+    motion: pickBoolean(appearance.motion),
+    customCss: pickCustomCss(appearance.custom_css)
+  };
+};
+var withColorScheme = (appearance, prefersDark) => appearance.autoDark && prefersDark && Object.keys(appearance.darkColors).length > 0 ? { ...appearance, colors: appearance.darkColors } : appearance;
+
+// src/shared/appearance/color.ts
+var HEX_RE = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+var NUM = String.raw`(\d+(?:\.\d+)?|\.\d+)`;
+var RGB_RE = new RegExp(
+  String.raw`^rgba?\(\s*${NUM}(%?)[\s,]+${NUM}(%?)[\s,]+${NUM}(%?)(?:[\s,/]+${NUM}(%?))?\s*\)$`,
+  "i"
+);
+var BYTE_MAX = 255;
+var PERCENT_MAX = 100;
+var clampByte = (n) => Math.min(255, Math.max(0, Math.round(n)));
+var clampUnit = (n) => Math.min(1, Math.max(0, n));
+var parseColor = (input) => {
+  if (!input) {
+    return null;
+  }
+  const value = input.trim();
+  const hex = HEX_RE.exec(value);
+  if (hex) {
+    let digits = hex[1];
+    if (digits.length <= 4) {
+      digits = [...digits].map((d) => d + d).join("");
+    }
+    const n = (i) => parseInt(digits.slice(i, i + 2), 16);
+    return {
+      r: n(0),
+      g: n(2),
+      b: n(4),
+      a: digits.length === 8 ? n(6) / 255 : 1
+    };
+  }
+  const rgb = RGB_RE.exec(value);
+  if (rgb) {
+    const channel = (value2, unit) => unit ? Number(value2) * BYTE_MAX / PERCENT_MAX : Number(value2);
+    const r = channel(rgb[1], rgb[2]);
+    const g = channel(rgb[3], rgb[4]);
+    const b = channel(rgb[5], rgb[6]);
+    const alpha = rgb[7];
+    const a = alpha === void 0 ? 1 : Number(alpha) / (rgb[8] ? 100 : 1);
+    return {
+      r: clampByte(r),
+      g: clampByte(g),
+      b: clampByte(b),
+      a: clampUnit(a)
+    };
+  }
+  return null;
+};
+var NAMED_COLORS = new Set(
+  "aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray green greenyellow grey honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple rebeccapurple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen steelblue tan teal thistle tomato turquoise violet wheat white whitesmoke yellow yellowgreen transparent currentcolor".split(" ")
+);
+var ARG = String.raw`[^();{}<>"'\\]`;
+var COLOR_FUNCTION_RE = new RegExp(
+  String.raw`^(?:hsla?|hwb|lab|lch|oklab|oklch|color|color-mix|var)\((?:${ARG}|\(${ARG}*\))*\)$`,
+  "i"
+);
+var URL_RE = /url\s*\(/i;
+var isPassthroughColor = (value) => NAMED_COLORS.has(value.toLowerCase()) || COLOR_FUNCTION_RE.test(value) && !URL_RE.test(value);
+var paintableColor = (color, fallback) => {
+  const value = color == null ? void 0 : color.trim();
+  if (!value) {
+    return fallback;
+  }
+  return parseColor(value) || isPassthroughColor(value) ? value : fallback;
+};
+var format = ({ r, g, b, a }) => `rgba(${clampByte(r)}, ${clampByte(g)}, ${clampByte(b)}, ${Number(clampUnit(a).toFixed(3))})`;
+var percent = (t) => `${Number((clampUnit(t) * 100).toFixed(1))}%`;
+var withAlpha = (color, alpha) => {
+  const parsed = parseColor(color);
+  if (parsed) {
+    return format({ ...parsed, a: parsed.a * alpha });
+  }
+  return `color-mix(in srgb, ${color} ${percent(alpha)}, transparent)`;
+};
+var mix = (a, b, t) => {
+  const pa = parseColor(a);
+  const pb = parseColor(b);
+  if (pa && pb) {
+    const k = clampUnit(t);
+    return format({
+      r: pa.r + (pb.r - pa.r) * k,
+      g: pa.g + (pb.g - pa.g) * k,
+      b: pa.b + (pb.b - pa.b) * k,
+      a: 1
+    });
+  }
+  return `color-mix(in srgb, ${a} ${percent(1 - t)}, ${b})`;
+};
+var opaqueOver = (color, base) => {
+  const pc = parseColor(color);
+  const pb = parseColor(base);
+  if (!pc || !pb) {
+    return color;
+  }
+  return mix(base, format({ ...pc, a: 1 }), pc.a);
+};
+
+// src/shared/appearance/glass.ts
+var SHADE_BASE = "#05050f";
+var GLASS_DEFAULT_TINT = "#ffffff";
+var GLASS_RADIUS = {
+  sheet: "28px",
+  panel: "20px",
+  control: "12px",
+  row: "10px",
+  pill: "999px"
+};
+var GLASS_BLUR = "blur(30px) saturate(180%)";
+var glassPalette = ({
+  accent,
+  tint = GLASS_DEFAULT_TINT
+}) => {
+  const shade = mix(accent, SHADE_BASE, 0.7);
+  return {
+    accent,
+    sheet: withAlpha(tint, 0.52),
+    sheetDense: withAlpha(tint, 0.86),
+    sheetEdge: withAlpha(tint, 0.6),
+    panel: withAlpha(tint, 0.5),
+    panelEdge: withAlpha(tint, 0.55),
+    inset: withAlpha(tint, 0.55),
+    control: withAlpha(tint, 0.72),
+    footer: `linear-gradient(to bottom, ${withAlpha(tint, 0.35)} 0%, ${withAlpha(tint, 0.9)} 60%)`,
+    accentFaint: withAlpha(accent, 0.04),
+    accentWash: withAlpha(accent, 0.08),
+    accentWashStrong: withAlpha(accent, 0.22),
+    hairline: withAlpha(shade, 0.08),
+    outline: withAlpha(shade, 0.14),
+    dim: withAlpha(shade, 0.3),
+    shadow: `0 -18px 50px -12px ${withAlpha(shade, 0.35)}`,
+    floatShadow: `0 24px 60px -18px ${withAlpha(shade, 0.45)}`,
+    primaryShadow: `0 10px 24px -10px ${withAlpha(accent, 0.6)}`
+  };
+};
+
+// src/shared/useIsomorphicLayoutEffect.ts
+import { useEffect, useLayoutEffect } from "react";
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+
+// src/shared/Collapse.tsx
+import { useEffect as useEffect2, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var Collapse = ({ open, id, children }) => {
+  const [mounted, setMounted] = useState(open);
+  const [expanded, setExpanded] = useState(open);
+  const frameRef = useRef(null);
+  const rootRef = useRef(null);
+  useEffect2(() => {
+    if (open) {
+      setMounted(true);
+      frameRef.current = requestAnimationFrame(() => {
+        frameRef.current = requestAnimationFrame(() => setExpanded(true));
+      });
+      return () => {
+        if (frameRef.current !== null) {
+          cancelAnimationFrame(frameRef.current);
+        }
+      };
+    }
+    setExpanded(false);
+    if (prefersReducedMotion()) {
+      setMounted(false);
+      return;
+    }
+    const timer = setTimeout(() => setMounted(false), MOTION.collapseMs);
+    return () => clearTimeout(timer);
+  }, [open]);
+  useIsomorphicLayoutEffect(() => {
+    const root = rootRef.current;
+    if (!root) {
+      return;
+    }
+    root.toggleAttribute("inert", !open);
+    if (open) {
+      root.removeAttribute("aria-hidden");
+    } else {
+      root.setAttribute("aria-hidden", "true");
+    }
+  }, [open, mounted]);
+  if (!mounted) {
+    return null;
+  }
+  const still = prefersReducedMotion();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: rootRef,
+      id,
+      style: {
+        display: "grid",
+        gridTemplateRows: expanded ? "1fr" : "0fr",
+        transition: still ? "none" : `grid-template-rows ${COLLAPSE_EASE}`
+      },
+      children: /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", minHeight: 0 }, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            opacity: expanded ? 1 : 0,
+            transform: expanded ? "none" : "translateY(-4px)",
+            transition: still ? "none" : `opacity 260ms ${MOTION.outEase}, transform 320ms ${MOTION.outEase}`,
+            transitionDelay: expanded ? "80ms" : "0ms"
+          },
+          children
+        }
+      ) })
+    }
+  );
+};
+
+// src/RedactoNoticeConsent/useMediaQuery.ts
+import { useState as useState2, useEffect as useEffect3 } from "react";
+var useMediaQuery = (query) => {
+  const getMatches = () => typeof window !== "undefined" ? window.matchMedia(query).matches : false;
+  const [matches, setMatches] = useState2(getMatches);
+  useEffect3(() => {
+    if (typeof window === "undefined") return;
+    const media = window.matchMedia(query);
+    const listener = (e) => {
+      setMatches(e.matches);
+    };
+    if (media.addEventListener) {
+      media.addEventListener("change", listener);
+    } else {
+      media.addListener(listener);
+    }
+    return () => {
+      if (media.removeEventListener) {
+        media.removeEventListener("change", listener);
+      } else {
+        media.removeListener(listener);
+      }
+    };
+  }, [query]);
+  return matches;
+};
+
+// src/shared/sandbox.ts
+var SANDBOX_TOKEN_HEADER = "X-Consent-Token";
+
+export {
+  SANDBOX_TOKEN_HEADER,
+  withIdempotencyKey,
+  DEFAULT_TEXT_SCALE,
+  NOTICE_TEXT_SCALE_FACTORS,
+  NOTICE_THEME_VARS,
+  THEMED_ACCENT,
+  THEMED_CONTROL_OFF,
+  THEMED_TTS_BACKGROUND,
+  TTS_TEXT_ATTRIBUTE,
+  buildTtsCssVariables,
+  buildTtsRootAttributes,
+  isSafeCustomCss,
+  DEFAULT_APPEARANCE,
+  APPEARANCE_ATTRIBUTE,
+  NOTICE_ROOT_ATTRIBUTE,
+  isAppearance,
+  resolveAppearance,
+  getAppearanceLayout,
+  resolveNoticeLayout,
+  resolveNoticeAppearance,
+  withColorScheme,
+  paintableColor,
+  withAlpha,
+  opaqueOver,
+  GLASS_DEFAULT_TINT,
+  GLASS_RADIUS,
+  GLASS_BLUR,
+  glassPalette,
+  MOTION,
+  prefersReducedMotion,
+  useIsomorphicLayoutEffect,
+  Collapse,
+  useMediaQuery
+};