inferred-types 0.55.18 → 0.55.20

package/modules/runtime/dist/index.cjs

@@ -222,6 +222,7 @@ __export(index_exports, {
   isHmUrl: () => isHmUrl,
   isHomeDepotUrl: () => isHomeDepotUrl,
   isHtml: () => isHtml,
+  isHtmlComponentTag: () => isHtmlComponentTag,
   isHtmlElement: () => isHtmlElement,
   isIkeaUrl: () => isIkeaUrl,
   isIndexable: () => isIndexable,
@@ -368,6 +369,7 @@ __export(index_exports, {
   isValidAtomicTag: () => isValidAtomicTag,
   isValidBlockTag: () => isValidBlockTag,
   isValidHtml: () => isValidHtml,
+  isValidHtmlTag: () => isValidHtmlTag,
   isVariable: () => isVariable,
   isVisa: () => isVisa,
   isVisaMastercard: () => isVisaMastercard,
@@ -494,6 +496,7 @@ __export(index_exports, {
   unset: () => unset,
   uppercase: () => uppercase,
   urlMeta: () => urlMeta,
+  validHtmlAttributes: () => validHtmlAttributes,
   valuesOf: () => valuesOf,
   widen: () => widen,
   withDefaults: () => withDefaults,
@@ -2443,17 +2446,17 @@ var TW_HUE = {
   ...TW_HUE_STATIC
 };
 var TW_LUMINOSITY = {
-  50: 97.78,
-  100: 93.56,
-  200: 88.11,
-  300: 82.67,
-  400: 74.22,
-  500: 64.78,
-  600: 57.33,
-  700: 46.89,
-  800: 39.44,
-  900: 32,
-  950: 23.78
+  "50": 97.78,
+  "100": 93.56,
+  "200": 88.11,
+  "300": 82.67,
+  "400": 74.22,
+  "500": 64.78,
+  "600": 57.33,
+  "700": 46.89,
+  "800": 39.44,
+  "900": 32,
+  "950": 23.78
 };
 var TW_LUMIN_50 = TW_LUMINOSITY["50"];
 var TW_LUMIN_100 = TW_LUMINOSITY["100"];
@@ -2467,17 +2470,17 @@ var TW_LUMIN_800 = TW_LUMINOSITY["800"];
 var TW_LUMIN_900 = TW_LUMINOSITY["900"];
 var TW_LUMIN_950 = TW_LUMINOSITY["950"];
 var TW_CHROMA = {
-  50: 0.0108,
-  100: 0.0321,
-  200: 0.0609,
-  300: 0.0908,
-  400: 0.1398,
-  500: 0.1472,
-  600: 0.1299,
-  700: 0.1067,
-  800: 0.0898,
-  900: 0.0726,
-  950: 0.054
+  "50": 0.0108,
+  "100": 0.0321,
+  "200": 0.0609,
+  "300": 0.0908,
+  "400": 0.1398,
+  "500": 0.1472,
+  "600": 0.1299,
+  "700": 0.1067,
+  "800": 0.0898,
+  "900": 0.0726,
+  "950": 0.054
 };
 var TW_CHROMA_50 = TW_CHROMA["50"];
 var TW_CHROMA_100 = TW_CHROMA["100"];
@@ -4000,6 +4003,36 @@ function startsWith(startingWith) {
   };
 }
 
+// src/type-guards/html/component-tags.ts
+function isHtmlComponentTag(...names) {
+  return (val) => {
+    if (typeof val !== "string")
+      return false;
+    const trimmedVal = val.trim();
+    const tagRegex = /^<\/?([\w-]+)(.*?)>$/;
+    const match = tagRegex.exec(trimmedVal);
+    if (!match) {
+      return false;
+    }
+    const [, tagName, attributes] = match;
+    const isClosingTag = trimmedVal.startsWith("</");
+    const isKebabCase = /^[a-z][a-z0-9-]*$/.test(tagName);
+    const isPascalCase = /^[A-Z][a-zA-Z0-9]*$/.test(tagName);
+    const normalizedKebabCase = toKebabCase(tagName);
+    const normalizedPascalCase = toPascalCase(tagName);
+    const isValidName = names.some(
+      (name) => isKebabCase && normalizedKebabCase === toKebabCase(name) || isPascalCase && normalizedPascalCase === toPascalCase(name)
+    );
+    if (!isValidName) {
+      return false;
+    }
+    if (isClosingTag) {
+      return attributes.trim() === "";
+    }
+    return validHtmlAttributes(attributes);
+  };
+}
+
 // src/type-guards/html/hasHtml.ts
 function hasHtml(val) {
   if (typeof val !== "string")
@@ -4046,6 +4079,39 @@ function isValidBlockTag(val) {
 function isValidAtomicTag(val) {
   return isString(val) && HTML_ATOMIC_TAGS.includes(val.toLowerCase());
 }
+function isValidHtmlTag(...tags) {
+  return (val) => {
+    if (typeof val !== "string")
+      return false;
+    const trimmedVal = val.trim();
+    const tagRegex = /^<\/?(\w+)(.*?)>$/;
+    const match = tagRegex.exec(trimmedVal);
+    if (!match) {
+      return false;
+    }
+    const [, tagName, attributes] = match;
+    const normalizedTagName = tagName.toLowerCase();
+    const isClosingTag = trimmedVal.startsWith("</");
+    const isAtomicTag = HTML_ATOMIC_TAGS.includes(normalizedTagName);
+    const isBlockTag = HTML_BLOCK_TAGS.includes(normalizedTagName);
+    if (
+      // Validate tag name is within the provided `tags` scope
+      !tags.map((t) => t.toLowerCase()).includes(normalizedTagName)
+    ) {
+      return false;
+    }
+    if (isClosingTag) {
+      return attributes.trim() === "" && !isAtomicTag;
+    }
+    if (isAtomicTag) {
+      return attributes.trim() === "" || validHtmlAttributes(attributes);
+    }
+    if (isBlockTag) {
+      return validHtmlAttributes(attributes);
+    }
+    return false;
+  };
+}
 
 // src/type-guards/html/isHtml.ts
 function isHtml(val) {
@@ -4093,6 +4159,16 @@ function isHtmlElement(val) {
   return isObject(val) && "attributes" in val && "firstElementChild" in val && "innerHTML" in val;
 }
 
+// src/type-guards/html/validHtmlAttributes.ts
+function validHtmlAttributes(val) {
+  if (typeof val !== "string")
+    return false;
+  const quoteRegex = /["']/g;
+  const unmatchedQuotes = (val.match(quoteRegex)?.length || 0) % 2 !== 0;
+  const invalidAssignment = /(\w+=)(?=\s|>|$)/.test(val);
+  return !val.includes(">") && !unmatchedQuotes && !invalidAssignment;
+}
+
 // src/type-guards/isAlpha.ts
 function isAlpha(value) {
   return isString(value) && split(value).every((v) => ALPHA_CHARS.includes(v));
@@ -6674,6 +6750,7 @@ function asVueRef(value) {
   isHmUrl,
   isHomeDepotUrl,
   isHtml,
+  isHtmlComponentTag,
   isHtmlElement,
   isIkeaUrl,
   isIndexable,
@@ -6820,6 +6897,7 @@ function asVueRef(value) {
   isValidAtomicTag,
   isValidBlockTag,
   isValidHtml,
+  isValidHtmlTag,
   isVariable,
   isVisa,
   isVisaMastercard,
@@ -6946,6 +7024,7 @@ function asVueRef(value) {
   unset,
   uppercase,
   urlMeta,
+  validHtmlAttributes,
   valuesOf,
   widen,
   withDefaults,