@guard-rail/core 0.1.0

package/dist/react/styles.js

@@ -0,0 +1,402 @@
+const S = {
+  banner: {
+    position: "fixed",
+    bottom: 0,
+    left: 0,
+    width: "100%",
+    background: "#fff",
+    color: "#000",
+    padding: "12px 16px",
+    zIndex: 1e4,
+    borderTop: "1px solid #e5e7eb",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  bannerForm: {
+    display: "flex",
+    gap: 12,
+    justifyContent: "center",
+    alignItems: "center",
+    flexWrap: "wrap"
+  },
+  brand: {
+    fontWeight: 900,
+    letterSpacing: "0.15em",
+    fontSize: 12,
+    textTransform: "uppercase"
+  },
+  error: { color: "#dc2626", fontSize: 12, fontWeight: 700 },
+  input: {
+    border: "1px solid #d1d5db",
+    borderRadius: 4,
+    padding: "6px 8px",
+    fontSize: 13,
+    color: "#000",
+    background: "#fff",
+    outline: "none"
+  },
+  primaryBtn: {
+    background: "#111827",
+    color: "#fff",
+    padding: "7px 16px",
+    borderRadius: 4,
+    fontSize: 12,
+    fontWeight: 700,
+    border: "none",
+    cursor: "pointer"
+  },
+  toolbar: {
+    position: "fixed",
+    bottom: 24,
+    left: "50%",
+    transform: "translateX(-50%)",
+    zIndex: 9999,
+    background: "rgba(17,24,39,0.95)",
+    backdropFilter: "blur(8px)",
+    color: "#fff",
+    padding: "12px 20px",
+    borderRadius: 9999,
+    boxShadow: "0 20px 40px rgba(0,0,0,0.35)",
+    display: "flex",
+    alignItems: "center",
+    gap: 20,
+    border: "1px solid rgba(255,255,255,0.1)",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  dot: {
+    display: "inline-block",
+    width: 8,
+    height: 8,
+    borderRadius: "50%",
+    background: "#3b82f6"
+  },
+  toolbarLabel: {
+    fontSize: 10,
+    fontWeight: 900,
+    textTransform: "uppercase",
+    letterSpacing: "0.2em",
+    color: "#dbeafe"
+  },
+  divider: { width: 1, height: 16, background: "rgba(255,255,255,0.2)" },
+  linkBtn: {
+    fontSize: 10,
+    fontWeight: 700,
+    textTransform: "uppercase",
+    letterSpacing: "0.15em",
+    color: "#9ca3af",
+    background: "none",
+    border: "none",
+    cursor: "pointer"
+  },
+  popover: {
+    position: "fixed",
+    bottom: 90,
+    left: "50%",
+    transform: "translateX(-50%)",
+    zIndex: 10001,
+    background: "#fff",
+    padding: 16,
+    borderRadius: 8,
+    boxShadow: "0 20px 40px rgba(0,0,0,0.25)",
+    border: "1px solid #e5e7eb",
+    minWidth: 300,
+    cursor: "default",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  label: {
+    display: "block",
+    fontSize: 10,
+    fontWeight: 700,
+    color: "#9ca3af",
+    marginBottom: 4,
+    textTransform: "uppercase"
+  },
+  field: {
+    border: "1px solid #d1d5db",
+    borderRadius: 4,
+    padding: "6px 8px",
+    fontSize: 13,
+    color: "#000",
+    background: "#fff",
+    width: "100%",
+    marginBottom: 8,
+    boxSizing: "border-box"
+  },
+  row: {
+    display: "flex",
+    gap: 8,
+    marginTop: 8,
+    paddingTop: 8,
+    borderTop: "1px solid #f3f4f6"
+  },
+  cancelBtn: {
+    background: "#f3f4f6",
+    color: "#4b5563",
+    padding: "7px 14px",
+    borderRadius: 4,
+    fontSize: 12,
+    border: "none",
+    cursor: "pointer"
+  },
+  /** Anchored to the element's rect at runtime; top/left are set inline. */
+  anchoredBar: {
+    position: "fixed",
+    zIndex: 10001,
+    display: "flex",
+    alignItems: "center",
+    gap: 4,
+    background: "rgba(17,24,39,0.97)",
+    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)",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  anchoredPanel: {
+    position: "fixed",
+    zIndex: 10001,
+    maxHeight: "calc(100vh - 24px)",
+    overflowY: "auto",
+    background: "#fff",
+    padding: 12,
+    borderRadius: 8,
+    boxShadow: "0 12px 32px rgba(0,0,0,0.25)",
+    border: "1px solid #e5e7eb",
+    minWidth: 260,
+    maxWidth: "min(340px, calc(100vw - 16px))",
+    cursor: "default",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  iconBtn: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 26,
+    height: 26,
+    borderRadius: 6,
+    border: "none",
+    background: "transparent",
+    color: "#e5e7eb",
+    cursor: "pointer",
+    padding: 0
+  },
+  iconBtnPrimary: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 26,
+    height: 26,
+    borderRadius: 6,
+    border: "none",
+    background: "#2563eb",
+    color: "#fff",
+    cursor: "pointer",
+    padding: 0
+  },
+  scrim: {
+    position: "fixed",
+    inset: 0,
+    background: "rgba(0,0,0,0.4)",
+    zIndex: 10002
+  },
+  drawer: {
+    position: "fixed",
+    top: 0,
+    right: 0,
+    height: "100%",
+    width: "min(420px, 100vw)",
+    background: "#fff",
+    color: "#111827",
+    zIndex: 10003,
+    boxShadow: "-12px 0 32px rgba(0,0,0,0.2)",
+    display: "flex",
+    flexDirection: "column",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  drawerHead: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "16px 20px",
+    borderBottom: "1px solid #e5e7eb"
+  },
+  drawerTitle: { fontSize: 14, fontWeight: 800, margin: 0 },
+  drawerBody: { padding: 20, overflowY: "auto", flex: 1 },
+  memberRow: {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    padding: "10px 0",
+    borderBottom: "1px solid #f3f4f6"
+  },
+  memberEmail: {
+    flex: 1,
+    fontSize: 13,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  select: {
+    border: "1px solid #d1d5db",
+    borderRadius: 4,
+    padding: "4px 6px",
+    fontSize: 12,
+    background: "#fff",
+    color: "#111827"
+  },
+  badge: {
+    fontSize: 9,
+    fontWeight: 800,
+    textTransform: "uppercase",
+    letterSpacing: "0.1em",
+    padding: "2px 6px",
+    borderRadius: 999,
+    background: "#fef3c7",
+    color: "#92400e"
+  },
+  sectionLabel: {
+    fontSize: 10,
+    fontWeight: 800,
+    textTransform: "uppercase",
+    letterSpacing: "0.15em",
+    color: "#9ca3af",
+    margin: "20px 0 8px"
+  },
+  pickerScrim: {
+    position: "fixed",
+    inset: 0,
+    background: "rgba(0,0,0,0.5)",
+    zIndex: 10010
+  },
+  picker: {
+    position: "fixed",
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    width: "min(720px, calc(100vw - 32px))",
+    maxHeight: "min(640px, calc(100vh - 32px))",
+    background: "#fff",
+    color: "#111827",
+    borderRadius: 12,
+    zIndex: 10011,
+    boxShadow: "0 24px 64px rgba(0,0,0,0.35)",
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  pickerGrid: {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fill, minmax(120px, 1fr))",
+    gap: 10
+  },
+  pickerTile: {
+    position: "relative",
+    aspectRatio: "1",
+    borderRadius: 8,
+    overflow: "hidden",
+    border: "2px solid transparent",
+    background: "#f3f4f6",
+    cursor: "pointer",
+    padding: 0
+  },
+  pickerTileActive: { borderColor: "#2563eb" },
+  pickerThumb: {
+    width: "100%",
+    height: "100%",
+    objectFit: "cover",
+    display: "block"
+  },
+  dropzone: {
+    border: "1.5px dashed #d1d5db",
+    borderRadius: 8,
+    padding: 16,
+    textAlign: "center",
+    fontSize: 13,
+    color: "#6b7280",
+    marginBottom: 14,
+    cursor: "pointer"
+  },
+  dropzoneActive: {
+    borderColor: "#2563eb",
+    background: "#eff6ff",
+    color: "#1d4ed8"
+  },
+  previewThumb: {
+    // maxWidth also caps what the image contributes to the panel's width. The
+    // panel shrink-wraps its content, so an uncapped width: 100% image grew
+    // the whole panel to the picture's natural size.
+    width: "100%",
+    maxWidth: 300,
+    height: "auto",
+    maxHeight: 200,
+    objectFit: "contain",
+    background: "#f3f4f6",
+    borderRadius: 6,
+    display: "block",
+    marginBottom: 8
+  },
+  secondaryBtn: {
+    background: "#f3f4f6",
+    color: "#111827",
+    padding: "7px 12px",
+    borderRadius: 4,
+    fontSize: 12,
+    fontWeight: 600,
+    border: "none",
+    cursor: "pointer",
+    width: "100%",
+    marginBottom: 10
+  },
+  repeaterItem: {
+    position: "relative",
+    outline: "1px dashed #60a5fa",
+    outlineOffset: 2
+  },
+  repeaterToolbar: {
+    position: "absolute",
+    top: 4,
+    right: 4,
+    zIndex: 20,
+    display: "flex",
+    gap: 2,
+    background: "rgba(17,24,39,0.9)",
+    backdropFilter: "blur(6px)",
+    padding: 3,
+    borderRadius: 6,
+    boxShadow: "0 4px 12px rgba(0,0,0,0.25)"
+  },
+  repeaterAddRow: {
+    display: "flex",
+    gap: 8,
+    alignItems: "center",
+    marginTop: 8,
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  repeaterAddBtn: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 6,
+    padding: "8px 14px",
+    borderRadius: 6,
+    border: "1.5px dashed #93c5fd",
+    background: "transparent",
+    color: "#2563eb",
+    fontSize: 12,
+    fontWeight: 700,
+    cursor: "pointer"
+  },
+  repeaterSlugInput: {
+    border: "1px solid #d1d5db",
+    borderRadius: 4,
+    padding: "7px 9px",
+    fontSize: 13,
+    color: "#000",
+    background: "#fff",
+    minWidth: 180
+  }
+};
+export {
+  S
+};
+//# sourceMappingURL=styles.js.map

package/dist/react/styles.js.map

@@ -0,0 +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  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":[]}

package/dist/react/useAnchorRect.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+
+interface AnchorRect {
+    top: number;
+    left: number;
+    bottom: number;
+    width: number;
+}
+/**
+ * Tracks an element's viewport rect so editing chrome can sit against it.
+ *
+ * Listens on the capture phase so scrolling inside any ancestor container
+ * repositions the chrome, not just window scroll.
+ */
+declare function useAnchorRect(ref: RefObject<HTMLElement | null>, active: boolean): AnchorRect | null;
+
+export { type AnchorRect, useAnchorRect };

package/dist/react/useAnchorRect.js

@@ -0,0 +1,32 @@
+"use client";
+import { useCallback, useEffect, useState } from "react";
+function useAnchorRect(ref, active) {
+  const [rect, setRect] = useState(null);
+  const measure = useCallback(() => {
+    const el = ref.current;
+    if (!el) return;
+    const r = el.getBoundingClientRect();
+    setRect({ top: r.top, left: r.left, bottom: r.bottom, width: r.width });
+  }, [ref]);
+  useEffect(() => {
+    if (!active) {
+      setRect(null);
+      return;
+    }
+    measure();
+    window.addEventListener("scroll", measure, true);
+    window.addEventListener("resize", measure);
+    const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(measure) : null;
+    if (observer && ref.current) observer.observe(ref.current);
+    return () => {
+      window.removeEventListener("scroll", measure, true);
+      window.removeEventListener("resize", measure);
+      observer?.disconnect();
+    };
+  }, [active, measure, ref]);
+  return rect;
+}
+export {
+  useAnchorRect
+};
+//# sourceMappingURL=useAnchorRect.js.map

package/dist/react/useAnchorRect.js.map

@@ -0,0 +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":[]}

package/dist/server/actions.d.ts

@@ -0,0 +1,41 @@
+import { GRRole, GRAsset, GRMember, ActionState, GRViewer, OverrideRow } from '../core/types.js';
+import { GRUploadTarget } from '../core/adapter-types.js';
+import 'react';
+
+type Result = {
+    success: boolean;
+    error?: string;
+};
+/**
+ * Every mutation re-resolves the viewer server-side. The client's copy of the
+ * role decides what to *show*; it never decides what is *allowed*. A hidden
+ * button is not authorization — this is the same lesson as the session cookie.
+ */
+declare function requireRole(allowed: readonly GRRole[]): Promise<GRViewer | null>;
+declare function saveOverride(row: OverrideRow): Promise<Result>;
+/**
+ * Authorizes an upload and returns where the browser should send the bytes.
+ * Only metadata comes through here — the file itself goes straight to storage.
+ */
+declare function createAssetUpload(file: {
+    name: string;
+    contentType: string;
+    size: number;
+}): Promise<{
+    success: true;
+    target: GRUploadTarget;
+} | {
+    success: false;
+    error: string;
+}>;
+declare function listAssets(): Promise<GRAsset[]>;
+declare function listTeam(): Promise<GRMember[]>;
+declare function inviteMember(email: string, role: GRRole): Promise<Result>;
+declare function updateMemberRole(email: string, role: GRRole): Promise<Result>;
+declare function removeMember(email: string): Promise<Result>;
+declare function loginAction(_prev: ActionState, formData: FormData): Promise<ActionState>;
+declare function logoutAction(): Promise<{
+    success: boolean;
+}>;
+
+export { createAssetUpload, inviteMember, listAssets, listTeam, loginAction, logoutAction, removeMember, requireRole, saveOverride, updateMemberRole };