octane 0.1.36 → 0.1.38

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/form-diagnostics.cjs

@@ -0,0 +1,120 @@
+"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 form_diagnostics_exports = {};
+__export(form_diagnostics_exports, {
+  formAuthoringDiagnostics: () => formAuthoringDiagnostics
+});
+module.exports = __toCommonJS(form_diagnostics_exports);
+function formAuthoringDiagnostics(tag, props, children) {
+  const diagnostics = [];
+  if (tag === "input" || tag === "textarea" || tag === "select") {
+    if (props.value !== void 0 && props.defaultValue !== void 0) {
+      diagnostics.push({
+        kind: "value-default",
+        message: `A <${tag}> has both \`value\` and \`defaultValue\` props. A form field must be either controlled or uncontrolled; remove one of these props.`
+      });
+    }
+    if (tag === "input" && props.checked !== void 0 && props.defaultChecked !== void 0) {
+      diagnostics.push({
+        kind: "checked-default",
+        message: "A <input> has both `checked` and `defaultChecked` props. A form field must be either controlled or uncontrolled; remove one of these props."
+      });
+    }
+  }
+  if (tag === "textarea" && children != null && props.value == null) {
+    diagnostics.push({
+      kind: "textarea-children",
+      message: "Use `defaultValue` or `value` instead of children on <textarea>."
+    });
+  }
+  if (tag === "option") {
+    if (props.selected != null) {
+      diagnostics.push({
+        kind: "option-selected",
+        message: "Use `value` or `defaultValue` on <select> instead of `selected` on <option>."
+      });
+    }
+    if (props.value == null && children !== void 0 && typeof children === "object" && children !== null) {
+      diagnostics.push({
+        kind: "option-children",
+        message: "Cannot infer an <option> value from complex children. Pass an explicit `value` prop or use plain text children."
+      });
+    }
+  }
+  const action = tag === "form" ? props.action : props.formAction ?? props.formaction;
+  if (action == null) return diagnostics;
+  if (tag === "input") {
+    if (props.type !== "submit" && props.type !== "image") {
+      diagnostics.push({
+        kind: "action-type",
+        message: 'A <input> can only specify `formAction` with type="submit" or type="image".'
+      });
+      return diagnostics;
+    }
+  } else if (tag === "button") {
+    if (props.type != null && props.type !== "submit") {
+      diagnostics.push({
+        kind: "action-type",
+        message: 'A <button> can only specify `formAction` with type="submit" or no type.'
+      });
+      return diagnostics;
+    }
+  } else if (tag !== "form") {
+    return diagnostics;
+  }
+  if (typeof action !== "function") return diagnostics;
+  if (tag === "form") {
+    if (props.method != null || props.encType != null || props.enctype != null) {
+      diagnostics.push({
+        kind: "action-method",
+        message: "A function form action cannot specify `method` or `encType`; Octane controls the submission transport."
+      });
+    }
+    if (props.target != null) {
+      diagnostics.push({
+        kind: "action-target",
+        message: "A function form action cannot specify `target`; the action always executes in the current window."
+      });
+    }
+    return diagnostics;
+  }
+  if (props.name != null) {
+    diagnostics.push({
+      kind: "action-name",
+      message: "A function `formAction` cannot specify `name`; the submitter identity is controlled by the action."
+    });
+  }
+  if (props.formMethod != null || props.formmethod != null || props.formEncType != null || props.formenctype != null) {
+    diagnostics.push({
+      kind: "action-method",
+      message: "A function `formAction` cannot specify `formMethod` or `formEncType`; Octane controls the submission transport."
+    });
+  }
+  if (props.formTarget != null || props.formtarget != null) {
+    diagnostics.push({
+      kind: "action-target",
+      message: "A function `formAction` cannot specify `formTarget`; the action always executes in the current window."
+    });
+  }
+  return diagnostics;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formAuthoringDiagnostics
+});

package/dist/cjs/host-property-diagnostics.cjs

@@ -0,0 +1,197 @@
+"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 host_property_diagnostics_exports = {};
+__export(host_property_diagnostics_exports, {
+  booleanAttributeStringWarning: () => booleanAttributeStringWarning,
+  emptyResourceUrlWarning: () => emptyResourceUrlWarning,
+  hostPropertyWarning: () => hostPropertyWarning,
+  invalidHostPropertiesWarning: () => invalidHostPropertiesWarning,
+  unsupportedAttributeCoercionWarning: () => unsupportedAttributeCoercionWarning
+});
+module.exports = __toCommonJS(host_property_diagnostics_exports);
+var import_constants = require("./constants.cjs");
+const KNOWN_CAMELCASE_PROPERTIES = /* @__PURE__ */ new Set([
+  "autoCapitalize",
+  "autoComplete",
+  "autoCorrect",
+  "autoFocus",
+  "autoPlay",
+  "allowFullScreen",
+  "charSet",
+  "className",
+  "contentEditable",
+  "dangerouslySetInnerHTML",
+  "defaultChecked",
+  "defaultValue",
+  "disablePictureInPicture",
+  "disableRemotePlayback",
+  "encType",
+  "fetchPriority",
+  "formAction",
+  "formEncType",
+  "formMethod",
+  "formNoValidate",
+  "formTarget",
+  "imageSizes",
+  "imageSrcSet",
+  "inputMode",
+  "itemID",
+  "itemProp",
+  "itemRef",
+  "itemScope",
+  "itemType",
+  "maxLength",
+  "noModule",
+  "noValidate",
+  "playsInline",
+  "readOnly",
+  "referrerPolicy",
+  "spellCheck",
+  "srcDoc",
+  "srcLang",
+  "srcSet",
+  "suppressContentEditableWarning",
+  "suppressHydrationWarning",
+  "suppressNativeChangeWarning",
+  "tabIndex",
+  "viewBox"
+]);
+const KNOWN_PROPERTY_SPELLINGS = /* @__PURE__ */ new Map();
+for (const name of KNOWN_CAMELCASE_PROPERTIES)
+  KNOWN_PROPERTY_SPELLINGS.set(name.toLowerCase(), name);
+for (const [name, alias] of import_constants.ATTRIBUTE_ALIASES) {
+  KNOWN_PROPERTY_SPELLINGS.set(name.toLowerCase(), name);
+  KNOWN_PROPERTY_SPELLINGS.set(alias.toLowerCase(), name);
+}
+const KNOWN_SVG_PROPERTY_SPELLINGS = /* @__PURE__ */ new Map();
+for (const name of [
+  "allowReorder",
+  "attributeName",
+  "attributeType",
+  "autoReverse",
+  "baseFrequency",
+  "baseProfile",
+  "calcMode",
+  "clipPathUnits",
+  "contentScriptType",
+  "contentStyleType",
+  "diffuseConstant",
+  "edgeMode",
+  "externalResourcesRequired",
+  "filterRes",
+  "filterUnits",
+  "glyphRef",
+  "gradientTransform",
+  "gradientUnits",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keyPoints",
+  "keySplines",
+  "keyTimes",
+  "lengthAdjust",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerUnits",
+  "markerWidth",
+  "maskContentUnits",
+  "maskUnits",
+  "numOctaves",
+  "pathLength",
+  "patternContentUnits",
+  "patternTransform",
+  "patternUnits",
+  "pointsAtX",
+  "pointsAtY",
+  "pointsAtZ",
+  "preserveAlpha",
+  "preserveAspectRatio",
+  "primitiveUnits",
+  "refX",
+  "refY",
+  "repeatCount",
+  "repeatDur",
+  "requiredExtensions",
+  "requiredFeatures",
+  "specularConstant",
+  "specularExponent",
+  "spreadMethod",
+  "startOffset",
+  "stdDeviation",
+  "stitchTiles",
+  "surfaceScale",
+  "systemLanguage",
+  "tableValues",
+  "targetX",
+  "targetY",
+  "textLength",
+  "viewTarget",
+  "xChannelSelector",
+  "yChannelSelector",
+  "zoomAndPan"
+]) {
+  KNOWN_SVG_PROPERTY_SPELLINGS.set(name.toLowerCase(), name);
+}
+function hostPropertyWarning(name, value, tag, isSvg = false) {
+  const lower = name.toLowerCase();
+  if (name === "for" && tag === "label") return null;
+  if (lower === "innerhtml") {
+    return "Directly setting property `innerHTML` is not permitted. Use `dangerouslySetInnerHTML={{ __html: value }}` instead.";
+  }
+  if (lower === "is" && value != null && typeof value !== "string") {
+    return `Received a \`${typeof value}\` for a string attribute \`is\`. If this is expected, cast the value to a string.`;
+  }
+  if (name.length > 2 && name[0] === "o" && name[1] === "n" && typeof value === "string") {
+    return `Unknown event handler property \`${name}\`. It will be ignored.`;
+  }
+  if (name.startsWith("aria-") || /^aria[A-Z]/.test(name) || name.startsWith("data-")) return null;
+  const known = KNOWN_PROPERTY_SPELLINGS.get(lower) ?? (isSvg ? KNOWN_SVG_PROPERTY_SPELLINGS.get(lower) : void 0);
+  if (known !== void 0) {
+    if (isSvg && import_constants.ATTRIBUTE_ALIASES.get(known) === name) return null;
+    return name !== known ? `Invalid DOM property \`${name}\`. Did you mean \`${known}\`?` : null;
+  }
+  if (name !== lower && !name.includes(":")) {
+    return `Octane does not recognize the \`${name}\` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase \`${lower}\` instead. If you accidentally passed it from a parent component, remove it from the DOM element.`;
+  }
+  return null;
+}
+function booleanAttributeStringWarning(name, value) {
+  if (value !== "false" && value !== "true" || !import_constants.BOOLEAN_ATTR_PROPS.has(name.toLowerCase())) {
+    return null;
+  }
+  return `Received the string \`${value}\` for the boolean attribute \`${name}\`. ` + (value === "false" ? "The browser will interpret it as a truthy value. " : 'Although this works, it will not work as expected if you pass the string "false". ') + `Did you mean ${name}={${value}}?`;
+}
+function invalidHostPropertiesWarning(names, tag) {
+  const quoted = names.map((name) => `\`${name}\``).join(", ");
+  return names.length === 1 ? `Invalid value for prop ${quoted} on <${tag}> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM.` : `Invalid values for props ${quoted} on <${tag}> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM.`;
+}
+function emptyResourceUrlWarning(name) {
+  return `An empty string was passed to the \`${name}\` attribute. This may cause the browser to download the whole page again. Pass null instead of an empty string.`;
+}
+function unsupportedAttributeCoercionWarning(name, value) {
+  const type = typeof value === "symbol" ? "Symbol" : value.constructor?.name || typeof value;
+  return `The provided \`${name}\` attribute is an unsupported type ${type}. Coerce it to a string before passing it to a DOM element.`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  booleanAttributeStringWarning,
+  emptyResourceUrlWarning,
+  hostPropertyWarning,
+  invalidHostPropertiesWarning,
+  unsupportedAttributeCoercionWarning
+});