octane 0.1.36 → 0.1.37

package/dist/aria-diagnostics.d.ts

@@ -0,0 +1,9 @@
+/** Development-only ARIA naming diagnostics shared by the DOM and SSR runtimes. */
+/** Return whether an authored property belongs to the ARIA naming surface. */
+export declare function isAriaAttributeName(name: string): boolean;
+/** Unknown lowercase aria-* names aggregate by host; casing errors do not. */
+export declare function isUnknownAriaAttribute(name: string): boolean;
+/** Build Octane's actionable development diagnostic without changing serialization. */
+export declare function ariaAttributeWarning(name: string, tag: string): string | null;
+/** Group separately unknown lowercase names into React's singular/plural form. */
+export declare function unknownAriaAttributeWarning(names: readonly string[], tag: string): string;

package/dist/aria-diagnostics.js

@@ -0,0 +1,92 @@
+const VALID_ARIA_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "aria-activedescendant",
+  "aria-atomic",
+  "aria-autocomplete",
+  "aria-braillelabel",
+  "aria-brailleroledescription",
+  "aria-busy",
+  "aria-checked",
+  "aria-colcount",
+  "aria-colindex",
+  "aria-colindextext",
+  "aria-colspan",
+  "aria-controls",
+  "aria-current",
+  "aria-describedby",
+  "aria-description",
+  "aria-details",
+  "aria-disabled",
+  "aria-dropeffect",
+  "aria-errormessage",
+  "aria-expanded",
+  "aria-flowto",
+  "aria-grabbed",
+  "aria-haspopup",
+  "aria-hidden",
+  "aria-invalid",
+  "aria-keyshortcuts",
+  "aria-label",
+  "aria-labelledby",
+  "aria-level",
+  "aria-live",
+  "aria-modal",
+  "aria-multiline",
+  "aria-multiselectable",
+  "aria-orientation",
+  "aria-owns",
+  "aria-placeholder",
+  "aria-posinset",
+  "aria-pressed",
+  "aria-readonly",
+  "aria-relevant",
+  "aria-required",
+  "aria-roledescription",
+  "aria-rowcount",
+  "aria-rowindex",
+  "aria-rowindextext",
+  "aria-rowspan",
+  "aria-selected",
+  "aria-setsize",
+  "aria-sort",
+  "aria-valuemax",
+  "aria-valuemin",
+  "aria-valuenow",
+  "aria-valuetext"
+]);
+function isAriaAttributeName(name) {
+  if (name === "aria") return true;
+  if (name.length < 5 || name.slice(0, 4) !== "aria") return false;
+  const next = name.charCodeAt(4);
+  return next === 45 || next >= 65 && next <= 90;
+}
+function isUnknownAriaAttribute(name) {
+  return name.startsWith("aria-") && !VALID_ARIA_ATTRIBUTES.has(name.toLowerCase());
+}
+function ariaAttributeWarning(name, tag) {
+  if (name === "aria") {
+    return "The `aria` attribute is reserved for future use. Pass individual `aria-*` attributes instead.";
+  }
+  if (name.length < 5 || name.slice(0, 4) !== "aria") return null;
+  if (name.charCodeAt(4) === 45) {
+    const lowercase = name.toLowerCase();
+    if (VALID_ARIA_ATTRIBUTES.has(lowercase)) {
+      return name === lowercase ? null : `Unknown ARIA attribute \`${name}\`. Did you mean \`${lowercase}\`?`;
+    }
+    return `Invalid aria prop \`${name}\` on <${tag}> tag. ARIA attributes must use valid, lowercase aria-* names.`;
+  }
+  const next = name.charCodeAt(4);
+  if (next < 65 || next > 90) return null;
+  const correctName = "aria-" + name.slice(4).toLowerCase();
+  return VALID_ARIA_ATTRIBUTES.has(correctName) ? `Invalid ARIA attribute \`${name}\`. Did you mean \`${correctName}\`?` : `Invalid ARIA attribute \`${name}\`. ARIA attributes follow the pattern aria-* and must be lowercase.`;
+}
+function unknownAriaAttributeWarning(names, tag) {
+  const noun = names.length === 1 ? "prop" : "props";
+  const quoted = names.map((name) => `\`${name}\``).join(", ");
+  return `Invalid aria ${noun} ${quoted} on <${tag}> tag. ARIA attributes must use valid, lowercase aria-* names.`;
+}
+export {
+  ariaAttributeWarning,
+  isAriaAttributeName,
+  isUnknownAriaAttribute,
+  unknownAriaAttributeWarning
+};

package/dist/cjs/aria-diagnostics.cjs

@@ -0,0 +1,119 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var aria_diagnostics_exports = {};
+__export(aria_diagnostics_exports, {
+  ariaAttributeWarning: () => ariaAttributeWarning,
+  isAriaAttributeName: () => isAriaAttributeName,
+  isUnknownAriaAttribute: () => isUnknownAriaAttribute,
+  unknownAriaAttributeWarning: () => unknownAriaAttributeWarning
+});
+module.exports = __toCommonJS(aria_diagnostics_exports);
+const VALID_ARIA_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "aria-activedescendant",
+  "aria-atomic",
+  "aria-autocomplete",
+  "aria-braillelabel",
+  "aria-brailleroledescription",
+  "aria-busy",
+  "aria-checked",
+  "aria-colcount",
+  "aria-colindex",
+  "aria-colindextext",
+  "aria-colspan",
+  "aria-controls",
+  "aria-current",
+  "aria-describedby",
+  "aria-description",
+  "aria-details",
+  "aria-disabled",
+  "aria-dropeffect",
+  "aria-errormessage",
+  "aria-expanded",
+  "aria-flowto",
+  "aria-grabbed",
+  "aria-haspopup",
+  "aria-hidden",
+  "aria-invalid",
+  "aria-keyshortcuts",
+  "aria-label",
+  "aria-labelledby",
+  "aria-level",
+  "aria-live",
+  "aria-modal",
+  "aria-multiline",
+  "aria-multiselectable",
+  "aria-orientation",
+  "aria-owns",
+  "aria-placeholder",
+  "aria-posinset",
+  "aria-pressed",
+  "aria-readonly",
+  "aria-relevant",
+  "aria-required",
+  "aria-roledescription",
+  "aria-rowcount",
+  "aria-rowindex",
+  "aria-rowindextext",
+  "aria-rowspan",
+  "aria-selected",
+  "aria-setsize",
+  "aria-sort",
+  "aria-valuemax",
+  "aria-valuemin",
+  "aria-valuenow",
+  "aria-valuetext"
+]);
+function isAriaAttributeName(name) {
+  if (name === "aria") return true;
+  if (name.length < 5 || name.slice(0, 4) !== "aria") return false;
+  const next = name.charCodeAt(4);
+  return next === 45 || next >= 65 && next <= 90;
+}
+function isUnknownAriaAttribute(name) {
+  return name.startsWith("aria-") && !VALID_ARIA_ATTRIBUTES.has(name.toLowerCase());
+}
+function ariaAttributeWarning(name, tag) {
+  if (name === "aria") {
+    return "The `aria` attribute is reserved for future use. Pass individual `aria-*` attributes instead.";
+  }
+  if (name.length < 5 || name.slice(0, 4) !== "aria") return null;
+  if (name.charCodeAt(4) === 45) {
+    const lowercase = name.toLowerCase();
+    if (VALID_ARIA_ATTRIBUTES.has(lowercase)) {
+      return name === lowercase ? null : `Unknown ARIA attribute \`${name}\`. Did you mean \`${lowercase}\`?`;
+    }
+    return `Invalid aria prop \`${name}\` on <${tag}> tag. ARIA attributes must use valid, lowercase aria-* names.`;
+  }
+  const next = name.charCodeAt(4);
+  if (next < 65 || next > 90) return null;
+  const correctName = "aria-" + name.slice(4).toLowerCase();
+  return VALID_ARIA_ATTRIBUTES.has(correctName) ? `Invalid ARIA attribute \`${name}\`. Did you mean \`${correctName}\`?` : `Invalid ARIA attribute \`${name}\`. ARIA attributes follow the pattern aria-* and must be lowercase.`;
+}
+function unknownAriaAttributeWarning(names, tag) {
+  const noun = names.length === 1 ? "prop" : "props";
+  const quoted = names.map((name) => `\`${name}\``).join(", ");
+  return `Invalid aria ${noun} ${quoted} on <${tag}> tag. ARIA attributes must use valid, lowercase aria-* names.`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ariaAttributeWarning,
+  isAriaAttributeName,
+  isUnknownAriaAttribute,
+  unknownAriaAttributeWarning
+});

package/dist/cjs/constants.cjs

@@ -43,6 +43,7 @@ __export(constants_exports, {
   POSITIVE_NUMERIC_ATTR_PROPS: () => POSITIVE_NUMERIC_ATTR_PROPS,
   REJECTION_SENTINEL_KEY: () => REJECTION_SENTINEL_KEY,
   STREAM_BOUNDARY_ATTR: () => import_stream_protocol2.STREAM_BOUNDARY_ATTR,
+  STREAM_RESOURCE_ATTR: () => STREAM_RESOURCE_ATTR,
   STREAM_SCRIPT_ATTR: () => STREAM_SCRIPT_ATTR,
   STREAM_SEED_ATTR: () => STREAM_SEED_ATTR,
   STREAM_SEED_COMMENT: () => STREAM_SEED_COMMENT,
@@ -90,6 +91,7 @@ const HYDRATE_SEED_ATTR = "data-octane-hydrate-seed";
 const STREAM_SEGMENT_ATTR = "data-oct-s";
 const STREAM_SEED_ATTR = "data-oct-seed";
 const STREAM_SCRIPT_ATTR = "data-octane-stream";
+const STREAM_RESOURCE_ATTR = "data-oct-fr";
 const STREAM_SEED_COMMENT = "oct-seed:";
 const VOID_ELEMENTS = import_dom_tables.VOID_ELEMENTS;
 const BOOLEAN_ATTR_PROPS = import_dom_tables.BOOLEAN_ATTR_PROPS;
@@ -128,6 +130,7 @@ const cssStyleValue = import_dom_tables.cssStyleValue;
   POSITIVE_NUMERIC_ATTR_PROPS,
   REJECTION_SENTINEL_KEY,
   STREAM_BOUNDARY_ATTR,
+  STREAM_RESOURCE_ATTR,
   STREAM_SCRIPT_ATTR,
   STREAM_SEED_ATTR,
   STREAM_SEED_COMMENT,

package/dist/cjs/css.cjs

@@ -18,6 +18,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var css_exports = {};
 __export(css_exports, {
+  devWarnStyleCoercion: () => devWarnStyleCoercion,
+  devWarnStyleProperty: () => devWarnStyleProperty,
   normalizeClass: () => normalizeClass,
   styleName: () => styleName
 });
@@ -53,8 +55,62 @@ function styleName(name) {
   styleNameCache.set(name, result);
   return result;
 }
+let warnedStyleNames = null;
+let warnedStyleValues = null;
+let warnedStyleNaN = 0;
+let warnedStyleInfinity = 0;
+function devWarnStyleProperty(name, value, server) {
+  const type = typeof value;
+  if (name.charCodeAt(0) === 45 && name.charCodeAt(1) === 45) return;
+  let prefixLength = 0;
+  if (name.startsWith("webkit")) prefixLength = 6;
+  else if (name.startsWith("moz")) prefixLength = 3;
+  else if (name.charCodeAt(0) === 111) prefixLength = 1;
+  const following = name.charCodeAt(prefixLength);
+  if (prefixLength !== 0 && following >= 65 && following <= 90) {
+    const key = (server ? "s:" : "c:") + name;
+    const warned = warnedStyleNames ??= /* @__PURE__ */ new Set();
+    if (!warned.has(key)) {
+      warned.add(key);
+      console.error(
+        `Unsupported vendor-prefixed style property ${name}. Did you mean ${name.charAt(0).toUpperCase()}${name.slice(1)}?`
+      );
+    }
+  } else if (type === "string") {
+    const text = value;
+    if (text.trimEnd().endsWith(";")) {
+      const key = (server ? "s:" : "c:") + text;
+      const warned = warnedStyleValues ??= /* @__PURE__ */ new Set();
+      if (!warned.has(key)) {
+        warned.add(key);
+        console.error(
+          `Style property values shouldn't contain a semicolon. Try "${name}: ${text.slice(0, text.lastIndexOf(";"))}" instead.`
+        );
+      }
+    }
+  }
+  if (type !== "number") return;
+  const surface = server ? 2 : 1;
+  if (Number.isNaN(value)) {
+    if ((warnedStyleNaN & surface) !== 0) return;
+    warnedStyleNaN |= surface;
+    console.error(`\`NaN\` is an invalid value for the \`${name}\` css style property.`);
+  } else if (!Number.isFinite(value)) {
+    if ((warnedStyleInfinity & surface) !== 0) return;
+    warnedStyleInfinity |= surface;
+    console.error(`\`Infinity\` is an invalid value for the \`${name}\` css style property.`);
+  }
+}
+function devWarnStyleCoercion(name, value) {
+  const valueType = typeof value === "symbol" ? "Symbol" : value.constructor?.name || "Object";
+  console.error(
+    `The provided \`${name}\` CSS property is an unsupported type ${valueType}. This value must be coerced to a string before using it here.`
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  devWarnStyleCoercion,
+  devWarnStyleProperty,
   normalizeClass,
   styleName
 });

package/dist/cjs/runtime.cjs

@@ -220,6 +220,7 @@ module.exports = __toCommonJS(runtime_exports);
 var import_constants = require("./constants.cjs");
 var import_has_own = require("./has-own.cjs");
 var import_head_ownership = require("./head-ownership.cjs");
+var import_aria_diagnostics = require("./aria-diagnostics.cjs");
 var import_shared_value_helpers = require("./shared-value-helpers.cjs");
 var import_profiling = require("./profiling.cjs");
 var import_devtools_hook = require("./devtools-hook.cjs");
@@ -6105,7 +6106,7 @@ class HydrationCapability {
     const before = style.cssText;
     const expectedStyle = document.createElement("div").style;
     if (staticCss !== void 0) expectedStyle.cssText = staticCss;
-    applyStyleValue(expectedStyle, value, void 0);
+    applyStyleValue(el, expectedStyle, value, void 0);
     const expected = expectedStyle.cssText;
     const expectsStyleAttribute = expected !== "";
     if (before === expected && hadStyleAttribute === expectsStyleAttribute) return true;
@@ -7113,6 +7114,10 @@ function attrNamespace(name) {
   return null;
 }
 function setAttribute(el, name, value) {
+  if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0 && (0, import_aria_diagnostics.isAriaAttributeName)(name) && !isHtmlCustomElement(el)) {
+    const warning = (0, import_aria_diagnostics.ariaAttributeWarning)(name, el.localName);
+    if (warning !== null) devWarnAttributeOnce(el, name, warning);
+  }
   if (name === "dangerouslySetInnerHTML") {
     setDangerouslySetInnerHTML(el, value);
     return;
@@ -7237,6 +7242,25 @@ function devWarnAttributeOnce(_el, name, message) {
   warned.add(name);
   console.error(message);
 }
+function devValidateAriaProps(el, props) {
+  if (el.__oct_loc === void 0 || isHtmlCustomElement(el)) return;
+  let unknown;
+  for (const name of Object.keys(props)) {
+    if (!(0, import_aria_diagnostics.isAriaAttributeName)(name)) continue;
+    const warning = (0, import_aria_diagnostics.ariaAttributeWarning)(name, el.localName);
+    if (warning === null) continue;
+    if (!(0, import_aria_diagnostics.isUnknownAriaAttribute)(name)) {
+      devWarnAttributeOnce(el, name, warning);
+      continue;
+    }
+    if (DEV_ATTRIBUTE_WARNINGS?.has(name)) continue;
+    (DEV_ATTRIBUTE_WARNINGS ??= /* @__PURE__ */ new Set()).add(name);
+    (unknown ??= []).push(name);
+  }
+  if (unknown !== void 0) {
+    console.error((0, import_aria_diagnostics.unknownAriaAttributeWarning)(unknown, el.localName));
+  }
+}
 function setStringData(el, name, value) {
   const t = typeof value;
   let next;
@@ -7268,6 +7292,10 @@ function setBooleanAttribute(el, name, value) {
   else el.setAttribute(name, next);
 }
 function setAriaAttribute(el, name, value) {
+  if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0 && !isHtmlCustomElement(el)) {
+    const warning = (0, import_aria_diagnostics.ariaAttributeWarning)(name, el.localName);
+    if (warning !== null) devWarnAttributeOnce(el, name, warning);
+  }
   const next = value == null ? null : String(value);
   const hydration = activeHydration();
   if (hydration !== null && !hydration.allowAttribute(el, name, next)) return;
@@ -7381,7 +7409,7 @@ function setStyle(el, value, prev) {
   const hydration = activeHydration();
   if (hydration !== null && hydration.applyStyle(el, value, prev)) return;
   if (TRANSITION_JOURNAL !== null) journalAttr(el, "style");
-  applyStyleValue(style, value, prev);
+  applyStyleValue(el, style, value, prev);
 }
 function setStyleProperty(el, name, value, staticCss, previous) {
   const hydration = activeHydration();
@@ -7394,9 +7422,9 @@ function setStyleProperty(el, name, value, staticCss, previous) {
   if (TRANSITION_JOURNAL !== null) journalAttr(el, "style");
   const style = el.style;
   if (remove) style.removeProperty((0, import_css.styleName)(name));
-  else applyStyleProperty(style, name, value);
+  else applyStyleProperty(el, style, name, value);
 }
-function applyStyleValue(style, value, prev) {
+function applyStyleValue(el, style, value, prev) {
   if (value == null || value === false || value === "") {
     if (prev != null && prev !== false && prev !== "") style.cssText = "";
     return;
@@ -7413,19 +7441,30 @@ function applyStyleValue(style, value, prev) {
       const v = value[k];
       if (v === prev[k]) continue;
       if (v == null || typeof v === "boolean") style.removeProperty((0, import_css.styleName)(k));
-      else applyStyleProperty(style, k, v);
+      else applyStyleProperty(el, style, k, v);
     }
   } else {
     if (typeof prev === "string") style.cssText = "";
     for (const k in value) {
       const v = value[k];
-      if (v != null && typeof v !== "boolean") applyStyleProperty(style, k, v);
+      if (v != null && typeof v !== "boolean") applyStyleProperty(el, style, k, v);
     }
   }
 }
-function applyStyleProperty(style, name, value) {
+function applyStyleProperty(el, style, name, value) {
   const prop = (0, import_css.styleName)(name);
-  const s = (0, import_constants.cssStyleValue)(name, value);
+  let s;
+  if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0) {
+    (0, import_css.devWarnStyleProperty)(name, value, false);
+    try {
+      s = (0, import_constants.cssStyleValue)(name, value);
+    } catch (error) {
+      (0, import_css.devWarnStyleCoercion)(name, value);
+      throw error;
+    }
+  } else {
+    s = (0, import_constants.cssStyleValue)(name, value);
+  }
   const tail = s.trimEnd();
   if (tail.endsWith(IMPORTANT_SUFFIX)) {
     style.setProperty(
@@ -7575,6 +7614,9 @@ function isAggregatedFormControlProp(el, name) {
   return false;
 }
 function setSpread(el, value, prev, mountScope, skipDangerouslySetInnerHTML = false, skipFormControls = false) {
+  if (process.env.NODE_ENV !== "production" && value != null) {
+    devValidateAriaProps(el, Object(value));
+  }
   if (value != null && Object.prototype.propertyIsEnumerable.call(Object(value), "suppressHydrationWarning")) {
     el.__oct_suppress = value.suppressHydrationWarning !== false;
   }
@@ -16382,7 +16424,17 @@ function preload(href, options) {
   const rawHref = guarded;
   if (as === "font") options = { ...options, crossOrigin: "" };
   if (as === "style" || as === "script") stashPreloadTransfer(as, rawHref, options);
-  if (as === "style" && resourceState().sheets.has(rawHref)) return;
+  if (as === "style" && resourceState().sheets.has(rawHref)) {
+    const styles = document.head.querySelectorAll("style[data-precedence]");
+    let hasInlineStyle = false;
+    for (let i = 0; i < styles.length; i++) {
+      if (styles[i].getAttribute("data-href") === rawHref) {
+        hasInlineStyle = true;
+        break;
+      }
+    }
+    if (!hasInlineStyle) return;
+  }
   if (as === "script" && resourceState().scripts.has(rawHref)) return;
   const imageSrcSet = as === "image" ? options.imageSrcSet : void 0;
   const key = typeof imageSrcSet === "string" && imageSrcSet !== "" ? "preload:image:" + imageSrcSet + "::" + String(options.imageSizes ?? "") : "preload:" + as + ":" + rawHref;
@@ -16460,7 +16512,12 @@ function preloadModule(href, options) {
 function preinitModule(href, options) {
   const rawHref = guardHintHref("preinitModule", href);
   if (rawHref === null) return;
-  if ((options?.as ?? "script") !== "script") return;
+  if ((options?.as ?? "script") !== "script") {
+    warnHintUsage(
+      'preinitModule() supports only as: "script" (got ' + JSON.stringify(options?.as) + "); the call was ignored. Use preloadModule() for other module destinations."
+    );
+    return;
+  }
   const state = resourceState();
   if (state.scripts.has(rawHref)) return;
   const safeHref = (0, import_sanitize_url.sanitizeURL)(rawHref);
@@ -16502,6 +16559,14 @@ function resourceState() {
       const src = el.getAttribute("src");
       if (src !== null) state.scripts.add(src);
     }
+    if (typeof window !== "undefined") {
+      window.$OCTFR = (el) => {
+        const href = el.getAttribute("href") ?? el.getAttribute("data-href");
+        if (href === null || state.sheets.has(href)) return;
+        insertPrecedenced(state, el, el.getAttribute("data-precedence") ?? "");
+        state.sheets.add(href);
+      };
+    }
   }
   return _resourceState = state;
 }
@@ -16529,7 +16594,25 @@ function applyResourceAttrs(el, attrs) {
     el.setAttribute(name, (0, import_sanitize_url.sanitizeURLAttribute)(el.localName, name, v === true ? "" : String(v)));
   }
 }
-function stylesheetResource(attrs) {
+function warnInvalidStylesheetResource(reason) {
+  let conflict;
+  if (reason === "missing-href") {
+    conflict = "requires a non-empty string `href`";
+  } else if (reason === "empty-href") {
+    conflict = "has an empty `href`; a stylesheet resource requires a non-empty string `href`";
+  } else {
+    const props = reason === "onLoad+onError" ? "`onLoad` and `onError`" : "`" + reason + "`";
+    conflict = "also has " + props + ", which requires an independently managed stylesheet";
+  }
+  console.error(
+    'A <link rel="stylesheet"> with `precedence` ' + conflict + ". It will not be hoisted or deduplicated; remove the conflicting prop or `precedence`."
+  );
+}
+function stylesheetResource(attrs, invalidReason) {
+  if (process.env.NODE_ENV !== "production" && invalidReason !== void 0) {
+    warnInvalidStylesheetResource(invalidReason);
+    return;
+  }
   if (typeof document === "undefined" || attrs == null) return;
   const href = attrs.href;
   if (typeof href !== "string" || href === "") return;
@@ -16544,12 +16627,17 @@ function stylesheetResource(attrs) {
   insertPrecedenced(state, l, precedence);
   state.sheets.add(href);
 }
-function styleResource(attrs, css) {
+function styleResource(attrs, css, development) {
   if (typeof document === "undefined" || attrs == null) return;
   const href = attrs.href;
   if (typeof href !== "string" || href === "") return;
   const state = resourceState();
   if (state.sheets.has(href)) return;
+  if (process.env.NODE_ENV !== "production" && development === true && hasHeadHint("preload:style:" + href)) {
+    console.error(
+      'A <style> resource with href "' + href + '" follows a stylesheet preload for the same href. Inline styles cannot consume a stylesheet preload; remove the preload or use a stylesheet link.'
+    );
+  }
   const precedence = attrs.precedence == null ? "" : String(attrs.precedence);
   if (process.env.NODE_ENV !== "production" && /<\/style/i.test(css)) {
     console.error(
@@ -16567,6 +16655,7 @@ function styleResource(attrs, css) {
 function resetFloatResourceState() {
   _resourceState = null;
   _preloadTransfer = null;
+  if (typeof window !== "undefined") delete window.$OCTFR;
 }
 function scriptResource(attrs) {
   if (typeof document === "undefined" || attrs == null) return;