@guard-rail/core 0.2.0 → 0.3.0

package/dist/react/styles.js

@@ -1,14 +1,64 @@
+const LIGHT = {
+  bg: "#ffffff",
+  "bg-glass": "rgba(255,255,255,0.97)",
+  fg: "#111827",
+  fg2: "#4b5563",
+  muted: "#6b7280",
+  subtle: "#9ca3af",
+  border: "#e5e7eb",
+  "border-strong": "#d1d5db",
+  "border-soft": "#f3f4f6",
+  "input-bg": "#ffffff",
+  soft: "#f3f4f6",
+  accent: "#2563eb",
+  "accent-soft": "#eff6ff",
+  "accent-text": "#1d4ed8",
+  "primary-bg": "#111827",
+  "primary-fg": "#ffffff",
+  danger: "#dc2626",
+  label: "#1e3a8a",
+  shadow: "rgba(0,0,0,0.25)"
+};
+const DARK = {
+  bg: "#0f1b2d",
+  "bg-glass": "rgba(15,27,45,0.97)",
+  fg: "#e6edf7",
+  fg2: "#b6c4d8",
+  muted: "#9fb0c7",
+  subtle: "#7d8ea6",
+  border: "rgba(148,163,184,0.22)",
+  "border-strong": "rgba(148,163,184,0.35)",
+  "border-soft": "rgba(148,163,184,0.14)",
+  "input-bg": "#14243b",
+  soft: "#1a2d49",
+  accent: "#3b82f6",
+  "accent-soft": "rgba(59,130,246,0.16)",
+  "accent-text": "#93c5fd",
+  "primary-bg": "#3b82f6",
+  "primary-fg": "#ffffff",
+  danger: "#f87171",
+  label: "#dbeafe",
+  shadow: "rgba(0,0,0,0.5)"
+};
+const v = (name) => `var(--gr-${name}, ${LIGHT[name]})`;
+const declare = (t) => Object.entries(t).map(([k, val]) => `--gr-${k}: ${val};`).join(" ");
+const THEME_CSS = `:root { ${declare(LIGHT)} }
+[data-guardrail] { color-scheme: light; }
+@media (prefers-color-scheme: dark) {
+  :root { ${declare(DARK)} }
+  [data-guardrail] { color-scheme: dark; }
+}`;
 const S = {
   banner: {
     position: "fixed",
     bottom: 0,
     left: 0,
     width: "100%",
-    background: "#fff",
-    color: "#000",
+    background: v("bg"),
+    color: v("fg"),
     padding: "12px 16px",
     zIndex: 1e4,
-    borderTop: "1px solid #e5e7eb",
+    borderTop: `1px solid ${v("border")}`,
     fontFamily: "system-ui, -apple-system, sans-serif"
   },
   bannerForm: {
@@ -33,19 +83,19 @@ const S = {
     alignItems: "flex-start",
     gap: 2
   },
-  error: { color: "#dc2626", fontSize: 12, fontWeight: 700 },
+  error: { color: v("danger"), fontSize: 12, fontWeight: 700 },
   input: {
-    border: "1px solid #d1d5db",
+    border: `1px solid ${v("border-strong")}`,
     borderRadius: 4,
     padding: "6px 8px",
     fontSize: 13,
-    color: "#000",
-    background: "#fff",
+    color: v("fg"),
+    background: v("input-bg"),
     outline: "none"
   },
   primaryBtn: {
-    background: "#111827",
-    color: "#fff",
+    background: v("primary-bg"),
+    color: v("primary-fg"),
     padding: "7px 16px",
     borderRadius: 4,
     fontSize: 12,
@@ -59,16 +109,16 @@ const S = {
     left: "50%",
     transform: "translateX(-50%)",
     zIndex: 9999,
-    background: "rgba(17,24,39,0.95)",
+    background: v("bg-glass"),
     backdropFilter: "blur(8px)",
-    color: "#fff",
+    color: v("fg"),
     padding: "12px 20px",
     borderRadius: 9999,
-    boxShadow: "0 20px 40px rgba(0,0,0,0.35)",
+    boxShadow: `0 20px 40px ${v("shadow")}`,
     display: "flex",
     alignItems: "center",
     gap: 20,
-    border: "1px solid rgba(255,255,255,0.1)",
+    border: `1px solid ${v("border")}`,
     fontFamily: "system-ui, -apple-system, sans-serif"
   },
   dot: {
@@ -76,22 +126,22 @@ const S = {
     width: 8,
     height: 8,
     borderRadius: "50%",
-    background: "#3b82f6"
+    background: v("accent")
   },
   toolbarLabel: {
     fontSize: 10,
     fontWeight: 900,
     textTransform: "uppercase",
     letterSpacing: "0.2em",
-    color: "#dbeafe"
+    color: v("label")
   },
-  divider: { width: 1, height: 16, background: "rgba(255,255,255,0.2)" },
+  divider: { width: 1, height: 16, background: v("border-strong") },
   linkBtn: {
     fontSize: 10,
     fontWeight: 700,
     textTransform: "uppercase",
     letterSpacing: "0.15em",
-    color: "#9ca3af",
+    color: v("muted"),
     background: "none",
     border: "none",
     cursor: "pointer"
@@ -102,11 +152,12 @@ const S = {
     left: "50%",
     transform: "translateX(-50%)",
     zIndex: 10001,
-    background: "#fff",
+    background: v("bg"),
+    color: v("fg"),
     padding: 16,
     borderRadius: 8,
-    boxShadow: "0 20px 40px rgba(0,0,0,0.25)",
-    border: "1px solid #e5e7eb",
+    boxShadow: `0 20px 40px ${v("shadow")}`,
+    border: `1px solid ${v("border")}`,
     minWidth: 300,
     cursor: "default",
     fontFamily: "system-ui, -apple-system, sans-serif"
@@ -115,17 +166,17 @@ const S = {
     display: "block",
     fontSize: 10,
     fontWeight: 700,
-    color: "#9ca3af",
+    color: v("subtle"),
     marginBottom: 4,
     textTransform: "uppercase"
   },
   field: {
-    border: "1px solid #d1d5db",
+    border: `1px solid ${v("border-strong")}`,
     borderRadius: 4,
     padding: "6px 8px",
     fontSize: 13,
-    color: "#000",
-    background: "#fff",
+    color: v("fg"),
+    background: v("input-bg"),
     width: "100%",
     marginBottom: 8,
     boxSizing: "border-box"
@@ -135,11 +186,11 @@ const S = {
     gap: 8,
     marginTop: 8,
     paddingTop: 8,
-    borderTop: "1px solid #f3f4f6"
+    borderTop: `1px solid ${v("border-soft")}`
   },
   cancelBtn: {
-    background: "#f3f4f6",
-    color: "#4b5563",
+    background: v("soft"),
+    color: v("fg2"),
     padding: "7px 14px",
     borderRadius: 4,
     fontSize: 12,
@@ -153,12 +204,13 @@ const S = {
     display: "flex",
     alignItems: "center",
     gap: 4,
-    background: "rgba(17,24,39,0.97)",
+    background: v("bg-glass"),
+    color: v("fg"),
     backdropFilter: "blur(8px)",
     padding: 4,
     borderRadius: 8,
-    boxShadow: "0 8px 24px rgba(0,0,0,0.3)",
-    border: "1px solid rgba(255,255,255,0.12)",
+    boxShadow: `0 8px 24px ${v("shadow")}`,
+    border: `1px solid ${v("border")}`,
     fontFamily: "system-ui, -apple-system, sans-serif"
   },
   anchoredPanel: {
@@ -166,11 +218,12 @@ const S = {
     zIndex: 10001,
     maxHeight: "calc(100vh - 24px)",
     overflowY: "auto",
-    background: "#fff",
+    background: v("bg"),
+    color: v("fg"),
     padding: 12,
     borderRadius: 8,
-    boxShadow: "0 12px 32px rgba(0,0,0,0.25)",
-    border: "1px solid #e5e7eb",
+    boxShadow: `0 12px 32px ${v("shadow")}`,
+    border: `1px solid ${v("border")}`,
     minWidth: 260,
     maxWidth: "min(340px, calc(100vw - 16px))",
     cursor: "default",
@@ -185,7 +238,7 @@ const S = {
     borderRadius: 6,
     border: "none",
     background: "transparent",
-    color: "#e5e7eb",
+    color: v("fg"),
     cursor: "pointer",
     padding: 0
   },
@@ -197,7 +250,7 @@ const S = {
     height: 26,
     borderRadius: 6,
     border: "none",
-    background: "#2563eb",
+    background: v("accent"),
     color: "#fff",
     cursor: "pointer",
     padding: 0
@@ -214,10 +267,10 @@ const S = {
     right: 0,
     height: "100%",
     width: "min(420px, 100vw)",
-    background: "#fff",
-    color: "#111827",
+    background: v("bg"),
+    color: v("fg"),
     zIndex: 10003,
-    boxShadow: "-12px 0 32px rgba(0,0,0,0.2)",
+    boxShadow: `-12px 0 32px ${v("shadow")}`,
     display: "flex",
     flexDirection: "column",
     fontFamily: "system-ui, -apple-system, sans-serif"
@@ -227,7 +280,7 @@ const S = {
     alignItems: "center",
     justifyContent: "space-between",
     padding: "16px 20px",
-    borderBottom: "1px solid #e5e7eb"
+    borderBottom: `1px solid ${v("border")}`
   },
   drawerTitle: { fontSize: 14, fontWeight: 800, margin: 0 },
   drawerBody: { padding: 20, overflowY: "auto", flex: 1 },
@@ -236,7 +289,7 @@ const S = {
     alignItems: "center",
     gap: 8,
     padding: "10px 0",
-    borderBottom: "1px solid #f3f4f6"
+    borderBottom: `1px solid ${v("border-soft")}`
   },
   memberEmail: {
     flex: 1,
@@ -246,12 +299,12 @@ const S = {
     whiteSpace: "nowrap"
   },
   select: {
-    border: "1px solid #d1d5db",
+    border: `1px solid ${v("border-strong")}`,
     borderRadius: 4,
     padding: "4px 6px",
     fontSize: 12,
-    background: "#fff",
-    color: "#111827"
+    background: v("input-bg"),
+    color: v("fg")
   },
   badge: {
     fontSize: 9,
@@ -268,7 +321,7 @@ const S = {
     fontWeight: 800,
     textTransform: "uppercase",
     letterSpacing: "0.15em",
-    color: "#9ca3af",
+    color: v("subtle"),
     margin: "20px 0 8px"
   },
   pickerScrim: {
@@ -284,11 +337,11 @@ const S = {
     transform: "translate(-50%, -50%)",
     width: "min(720px, calc(100vw - 32px))",
     maxHeight: "min(640px, calc(100vh - 32px))",
-    background: "#fff",
-    color: "#111827",
+    background: v("bg"),
+    color: v("fg"),
     borderRadius: 12,
     zIndex: 10011,
-    boxShadow: "0 24px 64px rgba(0,0,0,0.35)",
+    boxShadow: `0 24px 64px ${v("shadow")}`,
     display: "flex",
     flexDirection: "column",
     overflow: "hidden",
@@ -305,11 +358,11 @@ const S = {
     borderRadius: 8,
     overflow: "hidden",
     border: "2px solid transparent",
-    background: "#f3f4f6",
+    background: v("soft"),
     cursor: "pointer",
     padding: 0
   },
-  pickerTileActive: { borderColor: "#2563eb" },
+  pickerTileActive: { borderColor: v("accent") },
   pickerThumb: {
     width: "100%",
     height: "100%",
@@ -317,19 +370,19 @@ const S = {
     display: "block"
   },
   dropzone: {
-    border: "1.5px dashed #d1d5db",
+    border: `1.5px dashed ${v("border-strong")}`,
     borderRadius: 8,
     padding: 16,
     textAlign: "center",
     fontSize: 13,
-    color: "#6b7280",
+    color: v("muted"),
     marginBottom: 14,
     cursor: "pointer"
   },
   dropzoneActive: {
-    borderColor: "#2563eb",
-    background: "#eff6ff",
-    color: "#1d4ed8"
+    borderColor: v("accent"),
+    background: v("accent-soft"),
+    color: v("accent-text")
   },
   previewThumb: {
     // maxWidth also caps what the image contributes to the panel's width. The
@@ -340,14 +393,14 @@ const S = {
     height: "auto",
     maxHeight: 200,
     objectFit: "contain",
-    background: "#f3f4f6",
+    background: v("soft"),
     borderRadius: 6,
     display: "block",
     marginBottom: 8
   },
   secondaryBtn: {
-    background: "#f3f4f6",
-    color: "#111827",
+    background: v("soft"),
+    color: v("fg"),
     padding: "7px 12px",
     borderRadius: 4,
     fontSize: 12,
@@ -357,6 +410,38 @@ const S = {
     width: "100%",
     marginBottom: 10
   },
+  /**
+   * Edit affordance for image fields, drawn as separate fixed elements instead
+   * of styling the <img> itself. Backgrounds (next/image `fill` behind
+   * overlaid content) can't take an in-place affordance: it either sits under
+   * the content and can't be clicked, or gets lifted over it and hides it.
+   * The outline ignores the pointer so overlaid content stays interactive;
+   * the handle is the one clickable piece.
+   */
+  markerOutline: {
+    position: "fixed",
+    zIndex: 9990,
+    pointerEvents: "none",
+    boxSizing: "border-box",
+    borderRadius: 2
+  },
+  markerHandle: {
+    position: "fixed",
+    zIndex: 9991,
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 5,
+    padding: "4px 9px 4px 7px",
+    borderRadius: 6,
+    border: "none",
+    background: v("accent"),
+    color: "#fff",
+    fontSize: 11,
+    fontWeight: 700,
+    fontFamily: "system-ui, -apple-system, sans-serif",
+    cursor: "pointer",
+    boxShadow: `0 4px 12px ${v("shadow")}`
+  },
   repeaterItem: {
     position: "relative",
     outline: "1px dashed #60a5fa",
@@ -369,11 +454,13 @@ const S = {
     zIndex: 20,
     display: "flex",
     gap: 2,
-    background: "rgba(17,24,39,0.9)",
+    background: v("bg-glass"),
+    color: v("fg"),
     backdropFilter: "blur(6px)",
     padding: 3,
     borderRadius: 6,
-    boxShadow: "0 4px 12px rgba(0,0,0,0.25)"
+    boxShadow: `0 4px 12px ${v("shadow")}`,
+    border: `1px solid ${v("border")}`
   },
   repeaterAddRow: {
     display: "flex",
@@ -388,24 +475,26 @@ const S = {
     gap: 6,
     padding: "8px 14px",
     borderRadius: 6,
-    border: "1.5px dashed #93c5fd",
+    border: `1.5px dashed ${v("accent")}`,
     background: "transparent",
-    color: "#2563eb",
+    color: v("accent"),
     fontSize: 12,
     fontWeight: 700,
     cursor: "pointer"
   },
   repeaterSlugInput: {
-    border: "1px solid #d1d5db",
+    border: `1px solid ${v("border-strong")}`,
     borderRadius: 4,
     padding: "7px 9px",
     fontSize: 13,
-    color: "#000",
-    background: "#fff",
+    color: v("fg"),
+    background: v("input-bg"),
     minWidth: 180
   }
 };
 export {
-  S
+  S,
+  THEME_CSS,
+  v
 };
 //# sourceMappingURL=styles.js.map

package/dist/react/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/styles.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\n/**\n * Guardrail's own chrome is styled with inline styles on purpose. Utility\n * classes would make the package depend on the consumer having Tailwind *and*\n * adding node_modules/guardrail to their content globs — it would render\n * unstyled on a clean install. Developer-authored content is never touched.\n */\nexport const S = {\n  banner: {\n    position: \"fixed\",\n    bottom: 0,\n    left: 0,\n    width: \"100%\",\n    background: \"#fff\",\n    color: \"#000\",\n    padding: \"12px 16px\",\n    zIndex: 10000,\n    borderTop: \"1px solid #e5e7eb\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  bannerForm: {\n    display: \"flex\",\n    gap: 12,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexWrap: \"wrap\",\n  },\n  brand: {\n    fontWeight: 900,\n    letterSpacing: \"0.15em\",\n    fontSize: 12,\n    textTransform: \"uppercase\",\n  },\n  /** Brand plus any status/error text under it, stacked instead of sharing\n   * the form's row — otherwise a login error reads as if it's labeling the\n   * next field over, not feedback about the brand's own sign-in attempt. */\n  brandStack: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"flex-start\",\n    gap: 2,\n  },\n  error: { color: \"#dc2626\", fontSize: 12, fontWeight: 700 },\n  input: {\n    border: \"1px solid #d1d5db\",\n    borderRadius: 4,\n    padding: \"6px 8px\",\n    fontSize: 13,\n    color: \"#000\",\n    background: \"#fff\",\n    outline: \"none\",\n  },\n  primaryBtn: {\n    background: \"#111827\",\n    color: \"#fff\",\n    padding: \"7px 16px\",\n    borderRadius: 4,\n    fontSize: 12,\n    fontWeight: 700,\n    border: \"none\",\n    cursor: \"pointer\",\n  },\n  toolbar: {\n    position: \"fixed\",\n    bottom: 24,\n    left: \"50%\",\n    transform: \"translateX(-50%)\",\n    zIndex: 9999,\n    background: \"rgba(17,24,39,0.95)\",\n    backdropFilter: \"blur(8px)\",\n    color: \"#fff\",\n    padding: \"12px 20px\",\n    borderRadius: 9999,\n    boxShadow: \"0 20px 40px rgba(0,0,0,0.35)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 20,\n    border: \"1px solid rgba(255,255,255,0.1)\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  dot: {\n    display: \"inline-block\",\n    width: 8,\n    height: 8,\n    borderRadius: \"50%\",\n    background: \"#3b82f6\",\n  },\n  toolbarLabel: {\n    fontSize: 10,\n    fontWeight: 900,\n    textTransform: \"uppercase\",\n    letterSpacing: \"0.2em\",\n    color: \"#dbeafe\",\n  },\n  divider: { width: 1, height: 16, background: \"rgba(255,255,255,0.2)\" },\n  linkBtn: {\n    fontSize: 10,\n    fontWeight: 700,\n    textTransform: \"uppercase\",\n    letterSpacing: \"0.15em\",\n    color: \"#9ca3af\",\n    background: \"none\",\n    border: \"none\",\n    cursor: \"pointer\",\n  },\n  popover: {\n    position: \"fixed\",\n    bottom: 90,\n    left: \"50%\",\n    transform: \"translateX(-50%)\",\n    zIndex: 10001,\n    background: \"#fff\",\n    padding: 16,\n    borderRadius: 8,\n    boxShadow: \"0 20px 40px rgba(0,0,0,0.25)\",\n    border: \"1px solid #e5e7eb\",\n    minWidth: 300,\n    cursor: \"default\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  label: {\n    display: \"block\",\n    fontSize: 10,\n    fontWeight: 700,\n    color: \"#9ca3af\",\n    marginBottom: 4,\n    textTransform: \"uppercase\",\n  },\n  field: {\n    border: \"1px solid #d1d5db\",\n    borderRadius: 4,\n    padding: \"6px 8px\",\n    fontSize: 13,\n    color: \"#000\",\n    background: \"#fff\",\n    width: \"100%\",\n    marginBottom: 8,\n    boxSizing: \"border-box\",\n  },\n  row: {\n    display: \"flex\",\n    gap: 8,\n    marginTop: 8,\n    paddingTop: 8,\n    borderTop: \"1px solid #f3f4f6\",\n  },\n  cancelBtn: {\n    background: \"#f3f4f6\",\n    color: \"#4b5563\",\n    padding: \"7px 14px\",\n    borderRadius: 4,\n    fontSize: 12,\n    border: \"none\",\n    cursor: \"pointer\",\n  },\n\n  /** Anchored to the element's rect at runtime; top/left are set inline. */\n  anchoredBar: {\n    position: \"fixed\",\n    zIndex: 10001,\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 4,\n    background: \"rgba(17,24,39,0.97)\",\n    backdropFilter: \"blur(8px)\",\n    padding: 4,\n    borderRadius: 8,\n    boxShadow: \"0 8px 24px rgba(0,0,0,0.3)\",\n    border: \"1px solid rgba(255,255,255,0.12)\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  anchoredPanel: {\n    position: \"fixed\",\n    zIndex: 10001,\n    maxHeight: \"calc(100vh - 24px)\",\n    overflowY: \"auto\",\n    background: \"#fff\",\n    padding: 12,\n    borderRadius: 8,\n    boxShadow: \"0 12px 32px rgba(0,0,0,0.25)\",\n    border: \"1px solid #e5e7eb\",\n    minWidth: 260,\n    maxWidth: \"min(340px, calc(100vw - 16px))\",\n    cursor: \"default\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  iconBtn: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: 26,\n    height: 26,\n    borderRadius: 6,\n    border: \"none\",\n    background: \"transparent\",\n    color: \"#e5e7eb\",\n    cursor: \"pointer\",\n    padding: 0,\n  },\n  iconBtnPrimary: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: 26,\n    height: 26,\n    borderRadius: 6,\n    border: \"none\",\n    background: \"#2563eb\",\n    color: \"#fff\",\n    cursor: \"pointer\",\n    padding: 0,\n  },\n\n  scrim: {\n    position: \"fixed\",\n    inset: 0,\n    background: \"rgba(0,0,0,0.4)\",\n    zIndex: 10002,\n  },\n  drawer: {\n    position: \"fixed\",\n    top: 0,\n    right: 0,\n    height: \"100%\",\n    width: \"min(420px, 100vw)\",\n    background: \"#fff\",\n    color: \"#111827\",\n    zIndex: 10003,\n    boxShadow: \"-12px 0 32px rgba(0,0,0,0.2)\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  drawerHead: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"16px 20px\",\n    borderBottom: \"1px solid #e5e7eb\",\n  },\n  drawerTitle: { fontSize: 14, fontWeight: 800, margin: 0 },\n  drawerBody: { padding: 20, overflowY: \"auto\", flex: 1 },\n  memberRow: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 8,\n    padding: \"10px 0\",\n    borderBottom: \"1px solid #f3f4f6\",\n  },\n  memberEmail: {\n    flex: 1,\n    fontSize: 13,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  select: {\n    border: \"1px solid #d1d5db\",\n    borderRadius: 4,\n    padding: \"4px 6px\",\n    fontSize: 12,\n    background: \"#fff\",\n    color: \"#111827\",\n  },\n  badge: {\n    fontSize: 9,\n    fontWeight: 800,\n    textTransform: \"uppercase\",\n    letterSpacing: \"0.1em\",\n    padding: \"2px 6px\",\n    borderRadius: 999,\n    background: \"#fef3c7\",\n    color: \"#92400e\",\n  },\n  sectionLabel: {\n    fontSize: 10,\n    fontWeight: 800,\n    textTransform: \"uppercase\",\n    letterSpacing: \"0.15em\",\n    color: \"#9ca3af\",\n    margin: \"20px 0 8px\",\n  },\n\n  pickerScrim: {\n    position: \"fixed\",\n    inset: 0,\n    background: \"rgba(0,0,0,0.5)\",\n    zIndex: 10010,\n  },\n  picker: {\n    position: \"fixed\",\n    top: \"50%\",\n    left: \"50%\",\n    transform: \"translate(-50%, -50%)\",\n    width: \"min(720px, calc(100vw - 32px))\",\n    maxHeight: \"min(640px, calc(100vh - 32px))\",\n    background: \"#fff\",\n    color: \"#111827\",\n    borderRadius: 12,\n    zIndex: 10011,\n    boxShadow: \"0 24px 64px rgba(0,0,0,0.35)\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    overflow: \"hidden\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  pickerGrid: {\n    display: \"grid\",\n    gridTemplateColumns: \"repeat(auto-fill, minmax(120px, 1fr))\",\n    gap: 10,\n  },\n  pickerTile: {\n    position: \"relative\",\n    aspectRatio: \"1\",\n    borderRadius: 8,\n    overflow: \"hidden\",\n    border: \"2px solid transparent\",\n    background: \"#f3f4f6\",\n    cursor: \"pointer\",\n    padding: 0,\n  },\n  pickerTileActive: { borderColor: \"#2563eb\" },\n  pickerThumb: {\n    width: \"100%\",\n    height: \"100%\",\n    objectFit: \"cover\",\n    display: \"block\",\n  },\n  dropzone: {\n    border: \"1.5px dashed #d1d5db\",\n    borderRadius: 8,\n    padding: 16,\n    textAlign: \"center\",\n    fontSize: 13,\n    color: \"#6b7280\",\n    marginBottom: 14,\n    cursor: \"pointer\",\n  },\n  dropzoneActive: {\n    borderColor: \"#2563eb\",\n    background: \"#eff6ff\",\n    color: \"#1d4ed8\",\n  },\n  previewThumb: {\n    // maxWidth also caps what the image contributes to the panel's width. The\n    // panel shrink-wraps its content, so an uncapped width: 100% image grew\n    // the whole panel to the picture's natural size.\n    width: \"100%\",\n    maxWidth: 300,\n    height: \"auto\",\n    maxHeight: 200,\n    objectFit: \"contain\",\n    background: \"#f3f4f6\",\n    borderRadius: 6,\n    display: \"block\",\n    marginBottom: 8,\n  },\n  secondaryBtn: {\n    background: \"#f3f4f6\",\n    color: \"#111827\",\n    padding: \"7px 12px\",\n    borderRadius: 4,\n    fontSize: 12,\n    fontWeight: 600,\n    border: \"none\",\n    cursor: \"pointer\",\n    width: \"100%\",\n    marginBottom: 10,\n  },\n\n  repeaterItem: {\n    position: \"relative\",\n    outline: \"1px dashed #60a5fa\",\n    outlineOffset: 2,\n  },\n  repeaterToolbar: {\n    position: \"absolute\",\n    top: 4,\n    right: 4,\n    zIndex: 20,\n    display: \"flex\",\n    gap: 2,\n    background: \"rgba(17,24,39,0.9)\",\n    backdropFilter: \"blur(6px)\",\n    padding: 3,\n    borderRadius: 6,\n    boxShadow: \"0 4px 12px rgba(0,0,0,0.25)\",\n  },\n  repeaterAddRow: {\n    display: \"flex\",\n    gap: 8,\n    alignItems: \"center\",\n    marginTop: 8,\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  repeaterAddBtn: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    gap: 6,\n    padding: \"8px 14px\",\n    borderRadius: 6,\n    border: \"1.5px dashed #93c5fd\",\n    background: \"transparent\",\n    color: \"#2563eb\",\n    fontSize: 12,\n    fontWeight: 700,\n    cursor: \"pointer\",\n  },\n  repeaterSlugInput: {\n    border: \"1px solid #d1d5db\",\n    borderRadius: 4,\n    padding: \"7px 9px\",\n    fontSize: 13,\n    color: \"#000\",\n    background: \"#fff\",\n    minWidth: 180,\n  },\n} satisfies Record<string, CSSProperties>;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/react/styles.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\n/**\n * Guardrail's own chrome is styled with inline styles on purpose. Utility\n * classes would make the package depend on the consumer having Tailwind *and*\n * adding node_modules/guardrail to their content globs — it would render\n * unstyled on a clean install. Developer-authored content is never touched.\n *\n * Colors are CSS variables so the chrome can follow the visitor's OS light/dark\n * preference — inline styles can't express a media query, but they can read a\n * variable that one defines. THEME_CSS (rendered once by <GRailAdmin>) sets the\n * variables; every use below carries the light value as its fallback, so the\n * chrome still renders correctly if that stylesheet is ever absent.\n */\nconst LIGHT = {\n  bg: \"#ffffff\",\n  \"bg-glass\": \"rgba(255,255,255,0.97)\",\n  fg: \"#111827\",\n  fg2: \"#4b5563\",\n  muted: \"#6b7280\",\n  subtle: \"#9ca3af\",\n  border: \"#e5e7eb\",\n  \"border-strong\": \"#d1d5db\",\n  \"border-soft\": \"#f3f4f6\",\n  \"input-bg\": \"#ffffff\",\n  soft: \"#f3f4f6\",\n  accent: \"#2563eb\",\n  \"accent-soft\": \"#eff6ff\",\n  \"accent-text\": \"#1d4ed8\",\n  \"primary-bg\": \"#111827\",\n  \"primary-fg\": \"#ffffff\",\n  danger: \"#dc2626\",\n  label: \"#1e3a8a\",\n  shadow: \"rgba(0,0,0,0.25)\",\n} as const;\n\nconst DARK: Record<keyof typeof LIGHT, string> = {\n  bg: \"#0f1b2d\",\n  \"bg-glass\": \"rgba(15,27,45,0.97)\",\n  fg: \"#e6edf7\",\n  fg2: \"#b6c4d8\",\n  muted: \"#9fb0c7\",\n  subtle: \"#7d8ea6\",\n  border: \"rgba(148,163,184,0.22)\",\n  \"border-strong\": \"rgba(148,163,184,0.35)\",\n  \"border-soft\": \"rgba(148,163,184,0.14)\",\n  \"input-bg\": \"#14243b\",\n  soft: \"#1a2d49\",\n  accent: \"#3b82f6\",\n  \"accent-soft\": \"rgba(59,130,246,0.16)\",\n  \"accent-text\": \"#93c5fd\",\n  \"primary-bg\": \"#3b82f6\",\n  \"primary-fg\": \"#ffffff\",\n  danger: \"#f87171\",\n  label: \"#dbeafe\",\n  shadow: \"rgba(0,0,0,0.5)\",\n};\n\n/** A themed color: reads the variable, falls back to the light value. */\nexport const v = (name: keyof typeof LIGHT) => `var(--gr-${name}, ${LIGHT[name]})`;\n\nconst declare = (t: Record<string, string>) =>\n  Object.entries(t).map(([k, val]) => `--gr-${k}: ${val};`).join(\" \");\n\n/**\n * Rendered once by <GRailAdmin>. Variables go on :root so portaled chrome\n * inherits them. `color-scheme` is deliberately scoped to Guardrail's own\n * elements, never :root — that would flip the host site's form controls and\n * scrollbars too. It's what makes native controls inside the chrome (the\n * team drawer's role <select>, its dropdown list) match the palette.\n */\nexport const THEME_CSS = `:root { ${declare(LIGHT)} }\n[data-guardrail] { color-scheme: light; }\n@media (prefers-color-scheme: dark) {\n  :root { ${declare(DARK)} }\n  [data-guardrail] { color-scheme: dark; }\n}`;\n\nexport const S = {\n  banner: {\n    position: \"fixed\",\n    bottom: 0,\n    left: 0,\n    width: \"100%\",\n    background: v(\"bg\"),\n    color: v(\"fg\"),\n    padding: \"12px 16px\",\n    zIndex: 10000,\n    borderTop: `1px solid ${v(\"border\")}`,\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  bannerForm: {\n    display: \"flex\",\n    gap: 12,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexWrap: \"wrap\",\n  },\n  brand: {\n    fontWeight: 900,\n    letterSpacing: \"0.15em\",\n    fontSize: 12,\n    textTransform: \"uppercase\",\n  },\n  /** Brand plus any status/error text under it, stacked instead of sharing\n   * the form's row — otherwise a login error reads as if it's labeling the\n   * next field over, not feedback about the brand's own sign-in attempt. */\n  brandStack: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"flex-start\",\n    gap: 2,\n  },\n  error: { color: v(\"danger\"), fontSize: 12, fontWeight: 700 },\n  input: {\n    border: `1px solid ${v(\"border-strong\")}`,\n    borderRadius: 4,\n    padding: \"6px 8px\",\n    fontSize: 13,\n    color: v(\"fg\"),\n    background: v(\"input-bg\"),\n    outline: \"none\",\n  },\n  primaryBtn: {\n    background: v(\"primary-bg\"),\n    color: v(\"primary-fg\"),\n    padding: \"7px 16px\",\n    borderRadius: 4,\n    fontSize: 12,\n    fontWeight: 700,\n    border: \"none\",\n    cursor: \"pointer\",\n  },\n  toolbar: {\n    position: \"fixed\",\n    bottom: 24,\n    left: \"50%\",\n    transform: \"translateX(-50%)\",\n    zIndex: 9999,\n    background: v(\"bg-glass\"),\n    backdropFilter: \"blur(8px)\",\n    color: v(\"fg\"),\n    padding: \"12px 20px\",\n    borderRadius: 9999,\n    boxShadow: `0 20px 40px ${v(\"shadow\")}`,\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 20,\n    border: `1px solid ${v(\"border\")}`,\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  dot: {\n    display: \"inline-block\",\n    width: 8,\n    height: 8,\n    borderRadius: \"50%\",\n    background: v(\"accent\"),\n  },\n  toolbarLabel: {\n    fontSize: 10,\n    fontWeight: 900,\n    textTransform: \"uppercase\",\n    letterSpacing: \"0.2em\",\n    color: v(\"label\"),\n  },\n  divider: { width: 1, height: 16, background: v(\"border-strong\") },\n  linkBtn: {\n    fontSize: 10,\n    fontWeight: 700,\n    textTransform: \"uppercase\",\n    letterSpacing: \"0.15em\",\n    color: v(\"muted\"),\n    background: \"none\",\n    border: \"none\",\n    cursor: \"pointer\",\n  },\n  popover: {\n    position: \"fixed\",\n    bottom: 90,\n    left: \"50%\",\n    transform: \"translateX(-50%)\",\n    zIndex: 10001,\n    background: v(\"bg\"),\n    color: v(\"fg\"),\n    padding: 16,\n    borderRadius: 8,\n    boxShadow: `0 20px 40px ${v(\"shadow\")}`,\n    border: `1px solid ${v(\"border\")}`,\n    minWidth: 300,\n    cursor: \"default\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  label: {\n    display: \"block\",\n    fontSize: 10,\n    fontWeight: 700,\n    color: v(\"subtle\"),\n    marginBottom: 4,\n    textTransform: \"uppercase\",\n  },\n  field: {\n    border: `1px solid ${v(\"border-strong\")}`,\n    borderRadius: 4,\n    padding: \"6px 8px\",\n    fontSize: 13,\n    color: v(\"fg\"),\n    background: v(\"input-bg\"),\n    width: \"100%\",\n    marginBottom: 8,\n    boxSizing: \"border-box\",\n  },\n  row: {\n    display: \"flex\",\n    gap: 8,\n    marginTop: 8,\n    paddingTop: 8,\n    borderTop: `1px solid ${v(\"border-soft\")}`,\n  },\n  cancelBtn: {\n    background: v(\"soft\"),\n    color: v(\"fg2\"),\n    padding: \"7px 14px\",\n    borderRadius: 4,\n    fontSize: 12,\n    border: \"none\",\n    cursor: \"pointer\",\n  },\n\n  /** Anchored to the element's rect at runtime; top/left are set inline. */\n  anchoredBar: {\n    position: \"fixed\",\n    zIndex: 10001,\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 4,\n    background: v(\"bg-glass\"),\n    color: v(\"fg\"),\n    backdropFilter: \"blur(8px)\",\n    padding: 4,\n    borderRadius: 8,\n    boxShadow: `0 8px 24px ${v(\"shadow\")}`,\n    border: `1px solid ${v(\"border\")}`,\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  anchoredPanel: {\n    position: \"fixed\",\n    zIndex: 10001,\n    maxHeight: \"calc(100vh - 24px)\",\n    overflowY: \"auto\",\n    background: v(\"bg\"),\n    color: v(\"fg\"),\n    padding: 12,\n    borderRadius: 8,\n    boxShadow: `0 12px 32px ${v(\"shadow\")}`,\n    border: `1px solid ${v(\"border\")}`,\n    minWidth: 260,\n    maxWidth: \"min(340px, calc(100vw - 16px))\",\n    cursor: \"default\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  iconBtn: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: 26,\n    height: 26,\n    borderRadius: 6,\n    border: \"none\",\n    background: \"transparent\",\n    color: v(\"fg\"),\n    cursor: \"pointer\",\n    padding: 0,\n  },\n  iconBtnPrimary: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: 26,\n    height: 26,\n    borderRadius: 6,\n    border: \"none\",\n    background: v(\"accent\"),\n    color: \"#fff\",\n    cursor: \"pointer\",\n    padding: 0,\n  },\n\n  scrim: {\n    position: \"fixed\",\n    inset: 0,\n    background: \"rgba(0,0,0,0.4)\",\n    zIndex: 10002,\n  },\n  drawer: {\n    position: \"fixed\",\n    top: 0,\n    right: 0,\n    height: \"100%\",\n    width: \"min(420px, 100vw)\",\n    background: v(\"bg\"),\n    color: v(\"fg\"),\n    zIndex: 10003,\n    boxShadow: `-12px 0 32px ${v(\"shadow\")}`,\n    display: \"flex\",\n    flexDirection: \"column\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  drawerHead: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"16px 20px\",\n    borderBottom: `1px solid ${v(\"border\")}`,\n  },\n  drawerTitle: { fontSize: 14, fontWeight: 800, margin: 0 },\n  drawerBody: { padding: 20, overflowY: \"auto\", flex: 1 },\n  memberRow: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 8,\n    padding: \"10px 0\",\n    borderBottom: `1px solid ${v(\"border-soft\")}`,\n  },\n  memberEmail: {\n    flex: 1,\n    fontSize: 13,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  select: {\n    border: `1px solid ${v(\"border-strong\")}`,\n    borderRadius: 4,\n    padding: \"4px 6px\",\n    fontSize: 12,\n    background: v(\"input-bg\"),\n    color: v(\"fg\"),\n  },\n  badge: {\n    fontSize: 9,\n    fontWeight: 800,\n    textTransform: \"uppercase\",\n    letterSpacing: \"0.1em\",\n    padding: \"2px 6px\",\n    borderRadius: 999,\n    background: \"#fef3c7\",\n    color: \"#92400e\",\n  },\n  sectionLabel: {\n    fontSize: 10,\n    fontWeight: 800,\n    textTransform: \"uppercase\",\n    letterSpacing: \"0.15em\",\n    color: v(\"subtle\"),\n    margin: \"20px 0 8px\",\n  },\n\n  pickerScrim: {\n    position: \"fixed\",\n    inset: 0,\n    background: \"rgba(0,0,0,0.5)\",\n    zIndex: 10010,\n  },\n  picker: {\n    position: \"fixed\",\n    top: \"50%\",\n    left: \"50%\",\n    transform: \"translate(-50%, -50%)\",\n    width: \"min(720px, calc(100vw - 32px))\",\n    maxHeight: \"min(640px, calc(100vh - 32px))\",\n    background: v(\"bg\"),\n    color: v(\"fg\"),\n    borderRadius: 12,\n    zIndex: 10011,\n    boxShadow: `0 24px 64px ${v(\"shadow\")}`,\n    display: \"flex\",\n    flexDirection: \"column\",\n    overflow: \"hidden\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  pickerGrid: {\n    display: \"grid\",\n    gridTemplateColumns: \"repeat(auto-fill, minmax(120px, 1fr))\",\n    gap: 10,\n  },\n  pickerTile: {\n    position: \"relative\",\n    aspectRatio: \"1\",\n    borderRadius: 8,\n    overflow: \"hidden\",\n    border: \"2px solid transparent\",\n    background: v(\"soft\"),\n    cursor: \"pointer\",\n    padding: 0,\n  },\n  pickerTileActive: { borderColor: v(\"accent\") },\n  pickerThumb: {\n    width: \"100%\",\n    height: \"100%\",\n    objectFit: \"cover\",\n    display: \"block\",\n  },\n  dropzone: {\n    border: `1.5px dashed ${v(\"border-strong\")}`,\n    borderRadius: 8,\n    padding: 16,\n    textAlign: \"center\",\n    fontSize: 13,\n    color: v(\"muted\"),\n    marginBottom: 14,\n    cursor: \"pointer\",\n  },\n  dropzoneActive: {\n    borderColor: v(\"accent\"),\n    background: v(\"accent-soft\"),\n    color: v(\"accent-text\"),\n  },\n  previewThumb: {\n    // maxWidth also caps what the image contributes to the panel's width. The\n    // panel shrink-wraps its content, so an uncapped width: 100% image grew\n    // the whole panel to the picture's natural size.\n    width: \"100%\",\n    maxWidth: 300,\n    height: \"auto\",\n    maxHeight: 200,\n    objectFit: \"contain\",\n    background: v(\"soft\"),\n    borderRadius: 6,\n    display: \"block\",\n    marginBottom: 8,\n  },\n  secondaryBtn: {\n    background: v(\"soft\"),\n    color: v(\"fg\"),\n    padding: \"7px 12px\",\n    borderRadius: 4,\n    fontSize: 12,\n    fontWeight: 600,\n    border: \"none\",\n    cursor: \"pointer\",\n    width: \"100%\",\n    marginBottom: 10,\n  },\n\n  /**\n   * Edit affordance for image fields, drawn as separate fixed elements instead\n   * of styling the <img> itself. Backgrounds (next/image `fill` behind\n   * overlaid content) can't take an in-place affordance: it either sits under\n   * the content and can't be clicked, or gets lifted over it and hides it.\n   * The outline ignores the pointer so overlaid content stays interactive;\n   * the handle is the one clickable piece.\n   */\n  markerOutline: {\n    position: \"fixed\",\n    zIndex: 9990,\n    pointerEvents: \"none\",\n    boxSizing: \"border-box\",\n    borderRadius: 2,\n  },\n  markerHandle: {\n    position: \"fixed\",\n    zIndex: 9991,\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    gap: 5,\n    padding: \"4px 9px 4px 7px\",\n    borderRadius: 6,\n    border: \"none\",\n    background: v(\"accent\"),\n    color: \"#fff\",\n    fontSize: 11,\n    fontWeight: 700,\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n    cursor: \"pointer\",\n    boxShadow: `0 4px 12px ${v(\"shadow\")}`,\n  },\n\n  repeaterItem: {\n    position: \"relative\",\n    outline: \"1px dashed #60a5fa\",\n    outlineOffset: 2,\n  },\n  repeaterToolbar: {\n    position: \"absolute\",\n    top: 4,\n    right: 4,\n    zIndex: 20,\n    display: \"flex\",\n    gap: 2,\n    background: v(\"bg-glass\"),\n    color: v(\"fg\"),\n    backdropFilter: \"blur(6px)\",\n    padding: 3,\n    borderRadius: 6,\n    boxShadow: `0 4px 12px ${v(\"shadow\")}`,\n    border: `1px solid ${v(\"border\")}`,\n  },\n  repeaterAddRow: {\n    display: \"flex\",\n    gap: 8,\n    alignItems: \"center\",\n    marginTop: 8,\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  repeaterAddBtn: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    gap: 6,\n    padding: \"8px 14px\",\n    borderRadius: 6,\n    border: `1.5px dashed ${v(\"accent\")}`,\n    background: \"transparent\",\n    color: v(\"accent\"),\n    fontSize: 12,\n    fontWeight: 700,\n    cursor: \"pointer\",\n  },\n  repeaterSlugInput: {\n    border: `1px solid ${v(\"border-strong\")}`,\n    borderRadius: 4,\n    padding: \"7px 9px\",\n    fontSize: 13,\n    color: v(\"fg\"),\n    background: v(\"input-bg\"),\n    minWidth: 180,\n  },\n} satisfies Record<string, CSSProperties>;\n"],"mappings":"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","names":[]}

package/dist/react/useAnchorRect.js

@@ -18,6 +18,7 @@ function useAnchorRect(ref, active) {
     window.addEventListener("resize", measure);
     const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(measure) : null;
     if (observer && ref.current) observer.observe(ref.current);
+    if (observer) observer.observe(document.body);
     return () => {
       window.removeEventListener("scroll", measure, true);
       window.removeEventListener("resize", measure);

package/dist/react/useAnchorRect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/useAnchorRect.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useState, type RefObject } from \"react\";\n\nexport interface AnchorRect {\n  top: number;\n  left: number;\n  bottom: number;\n  width: number;\n}\n\n/**\n * Tracks an element's viewport rect so editing chrome can sit against it.\n *\n * Listens on the capture phase so scrolling inside any ancestor container\n * repositions the chrome, not just window scroll.\n */\nexport function useAnchorRect(\n  ref: RefObject<HTMLElement | null>,\n  active: boolean,\n): AnchorRect | null {\n  const [rect, setRect] = useState<AnchorRect | null>(null);\n\n  const measure = useCallback(() => {\n    const el = ref.current;\n    if (!el) return;\n    const r = el.getBoundingClientRect();\n    setRect({ top: r.top, left: r.left, bottom: r.bottom, width: r.width });\n  }, [ref]);\n\n  useEffect(() => {\n    if (!active) {\n      setRect(null);\n      return;\n    }\n\n    measure();\n    window.addEventListener(\"scroll\", measure, true);\n    window.addEventListener(\"resize\", measure);\n\n    // Catches layout shifts from the edit itself (text reflowing the element).\n    const observer =\n      typeof ResizeObserver !== \"undefined\" ? new ResizeObserver(measure) : null;\n    if (observer && ref.current) observer.observe(ref.current);\n\n    return () => {\n      window.removeEventListener(\"scroll\", measure, true);\n      window.removeEventListener(\"resize\", measure);\n      observer?.disconnect();\n    };\n  }, [active, measure, ref]);\n\n  return rect;\n}\n"],"mappings":";AAEA,SAAS,aAAa,WAAW,gBAAgC;AAe1D,SAAS,cACd,KACA,QACmB;AACnB,QAAM,CAAC,MAAM,OAAO,IAAI,SAA4B,IAAI;AAExD,QAAM,UAAU,YAAY,MAAM;AAChC,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AACT,UAAM,IAAI,GAAG,sBAAsB;AACnC,YAAQ,EAAE,KAAK,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,EAAE,QAAQ,OAAO,EAAE,MAAM,CAAC;AAAA,EACxE,GAAG,CAAC,GAAG,CAAC;AAER,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX,cAAQ,IAAI;AACZ;AAAA,IACF;AAEA,YAAQ;AACR,WAAO,iBAAiB,UAAU,SAAS,IAAI;AAC/C,WAAO,iBAAiB,UAAU,OAAO;AAGzC,UAAM,WACJ,OAAO,mBAAmB,cAAc,IAAI,eAAe,OAAO,IAAI;AACxE,QAAI,YAAY,IAAI,QAAS,UAAS,QAAQ,IAAI,OAAO;AAEzD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,SAAS,IAAI;AAClD,aAAO,oBAAoB,UAAU,OAAO;AAC5C,gBAAU,WAAW;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,QAAQ,SAAS,GAAG,CAAC;AAEzB,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/react/useAnchorRect.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useState, type RefObject } from \"react\";\n\nexport interface AnchorRect {\n  top: number;\n  left: number;\n  bottom: number;\n  width: number;\n}\n\n/**\n * Tracks an element's viewport rect so editing chrome can sit against it.\n *\n * Listens on the capture phase so scrolling inside any ancestor container\n * repositions the chrome, not just window scroll.\n */\nexport function useAnchorRect(\n  ref: RefObject<HTMLElement | null>,\n  active: boolean,\n): AnchorRect | null {\n  const [rect, setRect] = useState<AnchorRect | null>(null);\n\n  const measure = useCallback(() => {\n    const el = ref.current;\n    if (!el) return;\n    const r = el.getBoundingClientRect();\n    setRect({ top: r.top, left: r.left, bottom: r.bottom, width: r.width });\n  }, [ref]);\n\n  useEffect(() => {\n    if (!active) {\n      setRect(null);\n      return;\n    }\n\n    measure();\n    window.addEventListener(\"scroll\", measure, true);\n    window.addEventListener(\"resize\", measure);\n\n    // Catches layout shifts from the edit itself (text reflowing the element).\n    const observer =\n      typeof ResizeObserver !== \"undefined\" ? new ResizeObserver(measure) : null;\n    if (observer && ref.current) observer.observe(ref.current);\n    // Content changing size above or beside the element moves it without\n    // resizing it, which observing the element alone never sees. The body's\n    // own height changes in most of those cases.\n    if (observer) observer.observe(document.body);\n\n    return () => {\n      window.removeEventListener(\"scroll\", measure, true);\n      window.removeEventListener(\"resize\", measure);\n      observer?.disconnect();\n    };\n  }, [active, measure, ref]);\n\n  return rect;\n}\n"],"mappings":";AAEA,SAAS,aAAa,WAAW,gBAAgC;AAe1D,SAAS,cACd,KACA,QACmB;AACnB,QAAM,CAAC,MAAM,OAAO,IAAI,SAA4B,IAAI;AAExD,QAAM,UAAU,YAAY,MAAM;AAChC,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AACT,UAAM,IAAI,GAAG,sBAAsB;AACnC,YAAQ,EAAE,KAAK,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,EAAE,QAAQ,OAAO,EAAE,MAAM,CAAC;AAAA,EACxE,GAAG,CAAC,GAAG,CAAC;AAER,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX,cAAQ,IAAI;AACZ;AAAA,IACF;AAEA,YAAQ;AACR,WAAO,iBAAiB,UAAU,SAAS,IAAI;AAC/C,WAAO,iBAAiB,UAAU,OAAO;AAGzC,UAAM,WACJ,OAAO,mBAAmB,cAAc,IAAI,eAAe,OAAO,IAAI;AACxE,QAAI,YAAY,IAAI,QAAS,UAAS,QAAQ,IAAI,OAAO;AAIzD,QAAI,SAAU,UAAS,QAAQ,SAAS,IAAI;AAE5C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,SAAS,IAAI;AAClD,aAAO,oBAAoB,UAAU,OAAO;AAC5C,gBAAU,WAAW;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,QAAQ,SAAS,GAAG,CAAC;AAEzB,SAAO;AACT;","names":[]}

package/dist/server/data.js

@@ -1,23 +1,9 @@
+import { generateScaffold } from "../core/scaffold";
 import { loadOverride } from "./loader";
 async function fetchOrScaffold(pathKey, props) {
   const row = await loadOverride(pathKey);
   return row ?? generateScaffold(pathKey, props);
 }
-function generateScaffold(pathKey, props) {
-  const { children, type, src, alt, href } = props;
-  const defaultText = typeof children === "string" || typeof children === "number" ? String(children) : "";
-  let value;
-  if (type === "image" || src) {
-    value = { type: "image", src: src ?? "", alt: alt ?? "" };
-  } else if (type === "link" || href) {
-    value = { type: "link", href: href ?? "", text: defaultText };
-  } else if (type === "button") {
-    value = { type: "button", text: defaultText };
-  } else {
-    value = { type: "text", text: defaultText };
-  }
-  return { id: `scaffold-${pathKey}`, pathKey, value };
-}
 export {
   fetchOrScaffold
 };

package/dist/server/data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/server/data.ts"],"sourcesContent":["import type { OverrideRow, OverrideValue } from \"../core/types\";\nimport { loadOverride } from \"./loader\";\n\n/**\n * Server-side fetch for a single field. Runs during SSR/ISR so anonymous\n * visitors get the real content in the initial HTML.\n */\nexport async function fetchOrScaffold(\n  pathKey: string,\n  props: Record<string, unknown>,\n): Promise<OverrideRow> {\n  // Adapters normalize storage quirks (stringified JSON, column naming), so\n  // anything returned here is already a domain-shaped row.\n  const row = await loadOverride(pathKey);\n  return row ?? generateScaffold(pathKey, props);\n}\n\n/**\n * Builds a default row from the JSX the developer already wrote, so an\n * un-edited field renders its hardcoded content. Deliberately does not write\n * to the database — nothing is persisted until an editor saves.\n */\nfunction generateScaffold(\n  pathKey: string,\n  props: Record<string, unknown>,\n): OverrideRow {\n  const { children, type, src, alt, href } = props as {\n    children?: unknown;\n    type?: string;\n    src?: string;\n    alt?: string;\n    href?: string;\n  };\n\n  const defaultText =\n    typeof children === \"string\" || typeof children === \"number\"\n      ? String(children)\n      : \"\";\n\n  let value: OverrideValue;\n\n  if (type === \"image\" || src) {\n    value = { type: \"image\", src: src ?? \"\", alt: alt ?? \"\" };\n  } else if (type === \"link\" || href) {\n    value = { type: \"link\", href: href ?? \"\", text: defaultText };\n  } else if (type === \"button\") {\n    value = { type: \"button\", text: defaultText };\n  } else {\n    value = { type: \"text\", text: defaultText };\n  }\n\n  return { id: `scaffold-${pathKey}`, pathKey, value };\n}\n"],"mappings":"AACA,SAAS,oBAAoB;AAM7B,eAAsB,gBACpB,SACA,OACsB;AAGtB,QAAM,MAAM,MAAM,aAAa,OAAO;AACtC,SAAO,OAAO,iBAAiB,SAAS,KAAK;AAC/C;AAOA,SAAS,iBACP,SACA,OACa;AACb,QAAM,EAAE,UAAU,MAAM,KAAK,KAAK,KAAK,IAAI;AAQ3C,QAAM,cACJ,OAAO,aAAa,YAAY,OAAO,aAAa,WAChD,OAAO,QAAQ,IACf;AAEN,MAAI;AAEJ,MAAI,SAAS,WAAW,KAAK;AAC3B,YAAQ,EAAE,MAAM,SAAS,KAAK,OAAO,IAAI,KAAK,OAAO,GAAG;AAAA,EAC1D,WAAW,SAAS,UAAU,MAAM;AAClC,YAAQ,EAAE,MAAM,QAAQ,MAAM,QAAQ,IAAI,MAAM,YAAY;AAAA,EAC9D,WAAW,SAAS,UAAU;AAC5B,YAAQ,EAAE,MAAM,UAAU,MAAM,YAAY;AAAA,EAC9C,OAAO;AACL,YAAQ,EAAE,MAAM,QAAQ,MAAM,YAAY;AAAA,EAC5C;AAEA,SAAO,EAAE,IAAI,YAAY,OAAO,IAAI,SAAS,MAAM;AACrD;","names":[]}
+{"version":3,"sources":["../../src/server/data.ts"],"sourcesContent":["import type { OverrideRow } from \"../core/types\";\nimport { generateScaffold } from \"../core/scaffold\";\nimport { loadOverride } from \"./loader\";\n\n/**\n * Server-side fetch for a single field. Runs during SSR/ISR so anonymous\n * visitors get the real content in the initial HTML.\n */\nexport async function fetchOrScaffold(\n  pathKey: string,\n  props: Record<string, unknown>,\n): Promise<OverrideRow> {\n  // Adapters normalize storage quirks (stringified JSON, column naming), so\n  // anything returned here is already a domain-shaped row.\n  const row = await loadOverride(pathKey);\n  return row ?? generateScaffold(pathKey, props);\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAM7B,eAAsB,gBACpB,SACA,OACsB;AAGtB,QAAM,MAAM,MAAM,aAAa,OAAO;AACtC,SAAO,OAAO,iBAAiB,SAAS,KAAK;AAC/C;","names":[]}

package/dist/server/loader.d.ts

@@ -1,6 +1,13 @@
-import { OverrideRow } from '../core/types.js';
+import { OverrideRow, GRContent } from '../core/types.js';
 import 'react';
 
 declare function loadOverride(pathKey: string): Promise<OverrideRow | null>;
+/**
+ * The preload in the shape handed to Client Components, or undefined when
+ * preloading is off or unavailable (client fields then render their JSX
+ * fallback). Also where the two dev-mode nudges live, since this is the one
+ * place that knows the size of what is about to be serialized into the page.
+ */
+declare function loadPreloadedContent(): Promise<GRContent | undefined>;
 
-export { loadOverride };
+export { loadOverride, loadPreloadedContent };