@chaibuilder/sdk 0.1.6 → 0.1.8

package/dist/{Class-1fb4c0c4.js → html-to-json-eb4de645.js}

@@ -1,12 +1,14 @@
-import { range as o, map as r, values as b, flattenDeep as n, flatten as f, isEmpty as g, startsWith as m, get as x } from "lodash";
-import { M as E } from "./MODIFIERS-c2e02614.js";
-function L(e = 6, t = "abcdefghijklmnopqrstuvwxyzABCD") {
+import { range as l, map as t, values as C, flattenDeep as g, flatten as _, isEmpty as b, startsWith as N, get as n, flatMapDeep as W, set as x, find as u, filter as I, includes as w, omit as X, forEach as Y, capitalize as z } from "lodash";
+import { M as D, S as f } from "./MODIFIERS-c2e02614.js";
+import { parse as M, stringify as $ } from "himalaya";
+import { c as P } from "./utils-ac68b2c8.js";
+function q(e = 6, s = "abcdefghijklmnopqrstuvwxyzABCD") {
   let a = "";
-  for (let l = e; l > 0; --l)
-    a += t[Math.floor(Math.random() * t.length)];
+  for (let o = e; o > 0; --o)
+    a += s[Math.floor(Math.random() * s.length)];
   return a;
 }
-const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >= 768 ? "MD" : e >= 640 ? "SM" : "XS", d = [
+const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >= 768 ? "MD" : e >= 640 ? "SM" : "XS", m = [
   0,
   1,
   2,
@@ -37,8 +39,8 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
   72,
   80,
   96
-], s = {
-  columns: [...o(1, 13), "auto", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", ...r(o(2, 8), (e) => `${e}xl`)],
+], r = {
+  columns: [...l(1, 13), "auto", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", ...t(l(2, 8), (e) => `${e}xl`)],
   breakAfter: ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"],
   breakInside: ["auto", "avoid", "avoid-page", "avoid-column"],
   display: ["block", "flex", "grid", "inline-block", "inline", "hidden"],
@@ -46,22 +48,22 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
   objectPosition: ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"],
   overflow: ["auto", "hidden", "clip", "visible", "scroll"],
   overscroll: ["auto", "contain", "none"],
-  trbl: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...o(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96, "auto", "1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "full"],
-  flexBasis: [...d, "auto", "px", "0.5", "1.5", "2.5", "3.5", "1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12", "full"],
-  padding: [...d, "px", "0.5", "1.5", "2.5", "3.5"],
-  margin: ["auto", ...d, "px", "0.5", "1.5", "2.5", "3.5"],
+  trbl: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...l(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96, "auto", "1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "full"],
+  flexBasis: [...m, "auto", "px", "0.5", "1.5", "2.5", "3.5", "1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12", "full"],
+  padding: [...m, "px", "0.5", "1.5", "2.5", "3.5"],
+  margin: ["auto", ...m, "px", "0.5", "1.5", "2.5", "3.5"],
   scale: [0, 50, 75, 90, 95, 100, 105, 110, 125, 150],
   origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left"],
   blendEffect: ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"],
   borderWidth: [0, 2, 4, 8],
   borderRadius: ["global", "none", "sm", "md", "lg", "xl", "2xl", "3xl", "full"],
-  indent: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...o(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96],
-  maxHeight: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...o(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96, "full", "screen", "min", "max", "fit"],
-  space: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...o(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96, "px", "reverse"],
+  indent: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...l(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96],
+  maxHeight: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...l(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96, "full", "screen", "min", "max", "fit"],
+  space: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...l(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96, "px", "reverse"],
   width: ["0", "px", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "5", "6", "7", "8", "9", "10", "11", "12", "14", "16", "20", "24", "28", "32", "36", "40", "44", "48", "52", "56", "60", "64", "72", "80", "96", "auto", "1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12"],
   maxWidth: ["0", "none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "full", "min", "max", "fit", "prose", "screen-sm", "screen-md", "screen-lg", "screen-xl", "screen-2xl"],
   height: ["0", "px", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "5", "6", "7", "8", "9", "10", "11", "12", "14", "16", "20", "24", "28", "32", "36", "40", "44", "48", "52", "56", "60", "64", "72", "80", "96", "auto", "1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "full", "screen", "min", "max", "fit"]
-}, p = {
+}, E = {
   textColor: {
     classes: [],
     regExp: "text-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
@@ -76,19 +78,19 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "container"
   },
   columns: {
-    classes: r(s.columns, (e) => `columns-${e}`),
+    classes: t(r.columns, (e) => `columns-${e}`),
     regExp: "columns-(auto|[0-9]xl|[0-9]xs|xs|sm|md|lg|xl|\\d+)"
   },
   breakAfter: {
-    classes: r(s.breakAfter, (e) => `break-after-${e}`),
+    classes: t(r.breakAfter, (e) => `break-after-${e}`),
     regExp: "break-after-\\S+"
   },
   breakBefore: {
-    classes: r(s.breakAfter, (e) => `break-before-${e}`),
+    classes: t(r.breakAfter, (e) => `break-before-${e}`),
     regExp: "break-before-\\S+"
   },
   breakInside: {
-    classes: r(s.breakInside, (e) => `break-inside-${e}`),
+    classes: t(r.breakInside, (e) => `break-inside-${e}`),
     regExp: "break-inside-\\S+"
   },
   boxDecoration: {
@@ -112,7 +114,7 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "flex-1|flex-auto|flex-initial|flex-none"
   },
   gridColumns: {
-    classes: r([...o(0, 13), "none"], (e) => `grid-cols-${e}`),
+    classes: t([...l(0, 13), "none"], (e) => `grid-cols-${e}`),
     regExp: "grid-cols-(\\d+|none)"
   },
   gridFlow: {
@@ -120,29 +122,29 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "grid-flow-(row|col|row-dense|col-dense)"
   },
   outlineStyle: {
-    classes: r(["none", "dashed", "dotted", "double", "hidden"], (e) => `outline-${e}`),
+    classes: t(["none", "dashed", "dotted", "double", "hidden"], (e) => `outline-${e}`),
     regExp: "outline-(none|dashed|dotted|double|hidden)"
   },
   borderStyle: {
-    classes: r(["solid", "dashed", "dotted", "double", "hidden", "none"], (e) => `border-${e}`),
+    classes: t(["solid", "dashed", "dotted", "double", "hidden", "none"], (e) => `border-${e}`),
     regExp: "border-(solid|dashed|dotted|double|hidden|none)"
   },
   overflow: {
-    classes: r(s.overflow, (e) => `overflow-${e}`),
-    regExp: `overflow-(${s.overflow.join("|")})`
+    classes: t(r.overflow, (e) => `overflow-${e}`),
+    regExp: `overflow-(${r.overflow.join("|")})`
   },
   overflowX: {
-    classes: r(s.overflow, (e) => `overflow-x-${e}`),
-    regExp: `overflow-x-(${s.overflow.join("|")})`
+    classes: t(r.overflow, (e) => `overflow-x-${e}`),
+    regExp: `overflow-x-(${r.overflow.join("|")})`
   },
   overflowY: {
-    classes: r(s.overflow, (e) => `overflow-y-${e}`),
-    regExp: `overflow-y-(${s.overflow.join("|")})`
+    classes: t(r.overflow, (e) => `overflow-y-${e}`),
+    regExp: `overflow-y-(${r.overflow.join("|")})`
   },
-  gridRows: { classes: r([1, 2, 3, 4, 5, 6, "none"], (e) => `grid-rows-${e}`), regExp: "grid-rows-(\\d|none)" },
+  gridRows: { classes: t([1, 2, 3, 4, 5, 6, "none"], (e) => `grid-rows-${e}`), regExp: "grid-rows-(\\d|none)" },
   display: {
-    classes: r(s.display, (e) => e.toString()),
-    regExp: `(${s.display.join("|")})`
+    classes: t(r.display, (e) => e.toString()),
+    regExp: `(${r.display.join("|")})`
   },
   float: {
     classes: ["float-right", "float-left", "float-none"],
@@ -157,83 +159,83 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "isolate|isolation-auto"
   },
   objectFit: {
-    classes: r(s.objectFit, (e) => `object-${e}`),
+    classes: t(r.objectFit, (e) => `object-${e}`),
     regExp: "object-(contain|cover|fill|none|scale-down)"
   },
   objectPosition: {
-    classes: r(s.objectPosition, (e) => `object-${e}`),
-    regExp: `object-(${s.objectPosition.join("|")})`
+    classes: t(r.objectPosition, (e) => `object-${e}`),
+    regExp: `object-(${r.objectPosition.join("|")})`
   },
   overscroll: {
-    classes: r(s.overscroll, (e) => `overscroll-${e}`),
-    regExp: `overscroll-(${s.overscroll.join("|")})`
+    classes: t(r.overscroll, (e) => `overscroll-${e}`),
+    regExp: `overscroll-(${r.overscroll.join("|")})`
   },
   overscrollX: {
-    classes: r(s.overscroll, (e) => `overscroll-x-${e}`),
-    regExp: `overscroll-x-(${s.overscroll.join("|")})`
+    classes: t(r.overscroll, (e) => `overscroll-x-${e}`),
+    regExp: `overscroll-x-(${r.overscroll.join("|")})`
   },
   overscrollY: {
-    classes: r(s.overscroll, (e) => `overscroll-y-${e}`),
-    regExp: `overscroll-y-(${s.overscroll.join("|")})`
+    classes: t(r.overscroll, (e) => `overscroll-y-${e}`),
+    regExp: `overscroll-y-(${r.overscroll.join("|")})`
   },
   inset: {
-    classes: r(s.trbl, (e) => `inset-${e}`),
+    classes: t(r.trbl, (e) => `inset-${e}`),
     regExp: "-?inset-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   insetX: {
-    classes: r(s.trbl, (e) => `inset-x-${e}`),
+    classes: t(r.trbl, (e) => `inset-x-${e}`),
     regExp: "-?inset-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   insetY: {
-    classes: r(s.trbl, (e) => `inset-y-${e}`),
+    classes: t(r.trbl, (e) => `inset-y-${e}`),
     regExp: "-?inset-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   top: {
-    classes: r(s.trbl, (e) => `top-${e}`),
+    classes: t(r.trbl, (e) => `top-${e}`),
     regExp: "-?top-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   topX: {
-    classes: r(s.trbl, (e) => `top-x-${e}`),
+    classes: t(r.trbl, (e) => `top-x-${e}`),
     regExp: "-?top-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   topY: {
-    classes: r(s.trbl, (e) => `top-y-${e}`),
+    classes: t(r.trbl, (e) => `top-y-${e}`),
     regExp: "-?top-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   right: {
-    classes: r(s.trbl, (e) => `right-${e}`),
+    classes: t(r.trbl, (e) => `right-${e}`),
     regExp: "-?right-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   rightX: {
-    classes: r(s.trbl, (e) => `right-x-${e}`),
+    classes: t(r.trbl, (e) => `right-x-${e}`),
     regExp: "-?right-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   rightY: {
-    classes: r(s.trbl, (e) => `right-y-${e}`),
+    classes: t(r.trbl, (e) => `right-y-${e}`),
     regExp: "-?right-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   bottom: {
-    classes: r(s.trbl, (e) => `bottom-${e}`),
+    classes: t(r.trbl, (e) => `bottom-${e}`),
     regExp: "-?bottom-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   bottomX: {
-    classes: r(s.trbl, (e) => `bottom-x-${e}`),
+    classes: t(r.trbl, (e) => `bottom-x-${e}`),
     regExp: "-?bottom-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   bottomY: {
-    classes: r(s.trbl, (e) => `bottom-y-${e}`),
+    classes: t(r.trbl, (e) => `bottom-y-${e}`),
     regExp: "-?bottom-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   left: {
-    classes: r(s.trbl, (e) => `left-${e}`),
+    classes: t(r.trbl, (e) => `left-${e}`),
     regExp: "-?left-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   leftX: {
-    classes: r(s.trbl, (e) => `left-x-${e}`),
+    classes: t(r.trbl, (e) => `left-x-${e}`),
     regExp: "-?left-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   leftY: {
-    classes: r(s.trbl, (e) => `left-y-${e}`),
+    classes: t(r.trbl, (e) => `left-y-${e}`),
     regExp: "-?left-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   visibility: {
@@ -241,39 +243,39 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "invisible|visible"
   },
   zIndex: {
-    classes: r(["0", 10, 20, 30, 40, 50, "auto"], (e) => `z-${e}`),
+    classes: t(["0", 10, 20, 30, 40, 50, "auto"], (e) => `z-${e}`),
     regExp: "-?z-(\\d+|auto|\\[.*\\])"
   },
   // Flex box and grids
   flexBasis: {
-    classes: r(s.flexBasis, (e) => `basis-${e}`),
+    classes: t(r.flexBasis, (e) => `basis-${e}`),
     regExp: "basis-(\\d+|\\S+)"
   },
   flexGrow: { classes: ["grow", "grow-0"], regExp: "grow(-0)?" },
   flexShrink: { classes: ["shrink", "shrink-0"], regExp: "shrink(-0)?" },
   // grid
   gridColSpan: {
-    classes: ["col-auto", ...r(o(1, 13), (e) => `col-span-${e}`), "col-span-full"],
+    classes: ["col-auto", ...t(l(1, 13), (e) => `col-span-${e}`), "col-span-full"],
     regExp: "col-(auto|span-(\\d+|full))"
   },
   gridColStart: {
-    classes: [...r(o(1, 14), (e) => `col-start-${e}`), "col-start-auto"],
+    classes: [...t(l(1, 14), (e) => `col-start-${e}`), "col-start-auto"],
     regExp: "col-start-(\\d+|auto)"
   },
   gridColEnd: {
-    classes: [...r(o(1, 14), (e) => `col-end-${e}`), "col-end-auto"],
+    classes: [...t(l(1, 14), (e) => `col-end-${e}`), "col-end-auto"],
     regExp: "col-end-(\\d+|auto)"
   },
   gridRowSpan: {
-    classes: ["row-auto", ...r(o(1, 7), (e) => `row-span-${e}`), "row-span-full"],
+    classes: ["row-auto", ...t(l(1, 7), (e) => `row-span-${e}`), "row-span-full"],
     regExp: "row-(auto|span-(\\d+|full))"
   },
   gridRowStart: {
-    classes: [...r(o(1, 8), (e) => `row-start-${e}`), "row-start-auto"],
+    classes: [...t(l(1, 8), (e) => `row-start-${e}`), "row-start-auto"],
     regExp: "row-start-(\\d+|auto)"
   },
   gridRowEnd: {
-    classes: [...r(o(1, 8), (e) => `row-end-${e}`), "row-end-auto"],
+    classes: [...t(l(1, 8), (e) => `row-end-${e}`), "row-end-auto"],
     regExp: "row-end-(\\d+|auto)"
   },
   gridAutoColumns: {
@@ -284,9 +286,9 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     classes: ["auto-rows-auto", "auto-rows-min", "auto-rows-max", "auto-rows-fr"],
     regExp: "auto-rows-(auto|min|max|fr)"
   },
-  gap: { classes: r(s.indent, (e) => `gap-${e}`), regExp: "gap-(px|\\d.\\d|\\d|\\[.*\\])" },
-  gapX: { classes: r(s.indent, (e) => `gap-x-${e}`), regExp: "gap-x-(px|\\d.\\d|\\d|\\[.*\\])" },
-  gapY: { classes: r(s.indent, (e) => `gap-y-${e}`), regExp: "gap-y-(px|\\d.\\d|\\d|\\[.*\\])" },
+  gap: { classes: t(r.indent, (e) => `gap-${e}`), regExp: "gap-(px|\\d.\\d|\\d|\\[.*\\])" },
+  gapX: { classes: t(r.indent, (e) => `gap-x-${e}`), regExp: "gap-x-(px|\\d.\\d|\\d|\\[.*\\])" },
+  gapY: { classes: t(r.indent, (e) => `gap-y-${e}`), regExp: "gap-y-(px|\\d.\\d|\\d|\\[.*\\])" },
   justifyContent: {
     classes: ["justify-start", "justify-end", "justify-center", "justify-between", "justify-around", "justify-evenly"],
     regExp: "justify-(start|end|center|between|around|evenly)"
@@ -343,19 +345,19 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
   },
   // FIXME: Add drop-shadow class
   dropShadow: {
-    classes: r(["sm", "md", "lg", "xl", "2xl", "none"], (e) => `drop-shadow-${e}`),
+    classes: t(["sm", "md", "lg", "xl", "2xl", "none"], (e) => `drop-shadow-${e}`),
     regExp: "drop-shadow-(sm|md|lg|xl|2xl|none)"
   },
   backdropBlur: {
-    classes: r(["none", "sm", "md", "lg", "xl", "2xl", "3xl"], (e) => `backdrop-blur-${e}`),
+    classes: t(["none", "sm", "md", "lg", "xl", "2xl", "3xl"], (e) => `backdrop-blur-${e}`),
     regExp: "backdrop-blur-(none|sm|md|lg|xl|2xl|3xl)"
   },
   backdropBrightness: {
-    classes: r([0, 50, 75, 90, 95, 100, 105, 110, 125, 150, 200], (e) => `backdrop-brightness-${e}`),
+    classes: t([0, 50, 75, 90, 95, 100, 105, 110, 125, 150, 200], (e) => `backdrop-brightness-${e}`),
     regExp: "backdrop-brightness-(\\d+)"
   },
   backdropContrast: {
-    classes: r([0, 50, 75, 100, 125, 150, 200], (e) => `backdrop-contrast-${e}`),
+    classes: t([0, 50, 75, 100, 125, 150, 200], (e) => `backdrop-contrast-${e}`),
     regExp: "backdrop-contrast-(\\d+)"
   },
   backdropGrayScale: {
@@ -363,7 +365,7 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "backdrop-grayscale(-0)?"
   },
   backdropHueRotate: {
-    classes: r([0, 15, 30, 60, 90, 180], (e) => `backdrop-hue-rotate-${e}`),
+    classes: t([0, 15, 30, 60, 90, 180], (e) => `backdrop-hue-rotate-${e}`),
     regExp: "-?backdrop-hue-rotate-(\\d+)"
   },
   backdropInvert: {
@@ -371,11 +373,11 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "backdrop-invert(-0)?"
   },
   backdropOpacity: {
-    classes: r([0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100], (e) => `backdrop-opacity-${e}`),
+    classes: t([0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100], (e) => `backdrop-opacity-${e}`),
     regExp: "backdrop-opacity-(\\d+)"
   },
   backdropSaturate: {
-    classes: r([0, 50, 100, 150, 200], (e) => `backdrop-saturate-${e}`),
+    classes: t([0, 50, 100, 150, 200], (e) => `backdrop-saturate-${e}`),
     regExp: "backdrop-saturate-(\\d+)"
   },
   backdropSepia: {
@@ -387,36 +389,36 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "bg-origin-(border|padding|content)"
   },
   transformOrigin: {
-    classes: r(s.origin, (e) => `origin-${e}`),
+    classes: t(r.origin, (e) => `origin-${e}`),
     regExp: "origin-(\\d+|\\S+)"
   },
   // spacing
   padding: {
-    classes: r(s.padding, (e) => `p-${e}`),
+    classes: t(r.padding, (e) => `p-${e}`),
     regExp: "p-(\\d+|\\S+|\\[.*\\])"
   },
   paddingX: {
-    classes: r(s.padding, (e) => `px-${e}`),
+    classes: t(r.padding, (e) => `px-${e}`),
     regExp: "px-(\\d+|\\S+|\\[.*\\])"
   },
   paddingY: {
-    classes: r(s.padding, (e) => `py-${e}`),
+    classes: t(r.padding, (e) => `py-${e}`),
     regExp: "py-(\\d+|\\S+|\\[.*\\])"
   },
   paddingTop: {
-    classes: r(s.padding, (e) => `pt-${e}`),
+    classes: t(r.padding, (e) => `pt-${e}`),
     regExp: "pt-(\\d+|\\S+|\\[.*\\])"
   },
   paddingRight: {
-    classes: r(s.padding, (e) => `pr-${e}`),
+    classes: t(r.padding, (e) => `pr-${e}`),
     regExp: "pr-(\\d+|\\S+|\\[.*\\])"
   },
   paddingBottom: {
-    classes: r(s.padding, (e) => `pb-${e}`),
+    classes: t(r.padding, (e) => `pb-${e}`),
     regExp: "pb-(\\d+|\\S+|\\[.*\\])"
   },
   paddingLeft: {
-    classes: r(s.padding, (e) => `pl-${e}`),
+    classes: t(r.padding, (e) => `pl-${e}`),
     regExp: "pl-(\\d+|\\S+|\\[.*\\])"
   },
   textDecorationStyle: {
@@ -424,7 +426,7 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "decoration-(solid|double|dotted|dashed|wavy)"
   },
   textDecorationThickness: {
-    classes: r(["auto", "from-font", "0", 1, 2, 4, 8], (e) => `decoration-${e}`),
+    classes: t(["auto", "from-font", "0", 1, 2, 4, 8], (e) => `decoration-${e}`),
     regExp: "decoration-(auto|from-font|\\d+|\\S+)"
   },
   fromColor: {
@@ -432,43 +434,43 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "from-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
   },
   margin: {
-    classes: r(s.margin, (e) => `m-${e}`),
+    classes: t(r.margin, (e) => `m-${e}`),
     regExp: "-?m-(\\d+|\\S+|\\[.*\\])"
   },
   marginX: {
-    classes: r(s.margin, (e) => `mx-${e}`),
+    classes: t(r.margin, (e) => `mx-${e}`),
     regExp: "-?mx-(\\d+|\\S+|\\[.*\\])"
   },
   marginY: {
-    classes: r(s.margin, (e) => `my-${e}`),
+    classes: t(r.margin, (e) => `my-${e}`),
     regExp: "-?my-(\\d+|\\S+|\\[.*\\])"
   },
   marginTop: {
-    classes: r(s.margin, (e) => `mt-${e}`),
+    classes: t(r.margin, (e) => `mt-${e}`),
     regExp: "-?mt-(\\d+|\\S+|\\[.*\\])"
   },
   marginRight: {
-    classes: r(s.margin, (e) => `mr-${e}`),
+    classes: t(r.margin, (e) => `mr-${e}`),
     regExp: "-?mr-(\\d+|\\S+|\\[.*\\])"
   },
   marginBottom: {
-    classes: r(s.margin, (e) => `mb-${e}`),
+    classes: t(r.margin, (e) => `mb-${e}`),
     regExp: "-?mb-(\\d+|\\S+|\\[.*\\])"
   },
   marginLeft: {
-    classes: r(s.margin, (e) => `ml-${e}`),
+    classes: t(r.margin, (e) => `ml-${e}`),
     regExp: "-?ml-(\\d+|\\S+|\\[.*\\])"
   },
   spaceX: {
-    classes: r(s.space, (e) => `space-x-${e}`),
+    classes: t(r.space, (e) => `space-x-${e}`),
     regExp: "-?space-x-(\\d+|\\S+|\\[.*\\])"
   },
   spaceY: {
-    classes: r(s.space, (e) => `space-y-${e}`),
+    classes: t(r.space, (e) => `space-y-${e}`),
     regExp: "-?space-y-(\\d+|\\S+|\\[.*\\])"
   },
   boxShadow: {
-    classes: r(["sm", "md", "lg", "xl", "2xl", "inner", "none"], (e) => `shadow-${e}`),
+    classes: t(["sm", "md", "lg", "xl", "2xl", "inner", "none"], (e) => `shadow-${e}`),
     regExp: "shadow-(sm|md|lg|xl|2xl|inner|none)"
   },
   // sizing
@@ -477,11 +479,11 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "min-w-(\\d+|\\S+|\\[.*\\])"
   },
   maxWidth: {
-    classes: r(s.maxWidth, (e) => `max-w-${e}`),
+    classes: t(r.maxWidth, (e) => `max-w-${e}`),
     regExp: "max-w-(\\d+|\\S+|\\[.*\\])"
   },
   width: {
-    classes: r([...s.width, "full", "screen", "min", "max", "fit"], (e) => `w-${e}`),
+    classes: t([...r.width, "full", "screen", "min", "max", "fit"], (e) => `w-${e}`),
     regExp: "w-(\\d+.\\d+|\\d+|px|auto|full|screen|min|max|fit|\\[.*\\])"
   },
   minHeight: {
@@ -489,11 +491,11 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "min-h-(\\d+|\\S+|\\[.*\\])"
   },
   maxHeight: {
-    classes: r(s.maxHeight, (e) => `max-h-${e}`),
+    classes: t(r.maxHeight, (e) => `max-h-${e}`),
     regExp: "max-h-(\\d+|\\S+|\\[.*\\])"
   },
   height: {
-    classes: r(s.height, (e) => `h-${e}`),
+    classes: t(r.height, (e) => `h-${e}`),
     regExp: "h-(\\d+.\\d+|\\d+|px|auto|full|screen|min|max|fit|\\[.*\\])"
   },
   // typography
@@ -635,7 +637,7 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "uppercase|lowercase|capitalize|normal-case"
   },
   textIndent: {
-    classes: r(s.indent, (e) => `indent-${e}`),
+    classes: t(r.indent, (e) => `indent-${e}`),
     regExp: "-?indent-(\\d+|\\S+)"
   },
   whitespace: {
@@ -711,63 +713,63 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
   },
   // border
   borderRadiusTopLeft: {
-    classes: ["rounded-tl", ...r(s.borderRadius, (e) => `rounded-tl-${e}`)],
+    classes: ["rounded-tl", ...t(r.borderRadius, (e) => `rounded-tl-${e}`)],
     regExp: "rounded-tl-?(\\d+|\\S+)?"
   },
   borderRadiusTopRight: {
-    classes: ["rounded-tr", ...r(s.borderRadius, (e) => `rounded-tr-${e}`)],
+    classes: ["rounded-tr", ...t(r.borderRadius, (e) => `rounded-tr-${e}`)],
     regExp: "rounded-tr-?(\\d+|\\S+)?"
   },
   borderRadiusBottomRight: {
-    classes: ["rounded-br", ...r(s.borderRadius, (e) => `rounded-br-${e}`)],
+    classes: ["rounded-br", ...t(r.borderRadius, (e) => `rounded-br-${e}`)],
     regExp: "rounded-br-?(\\d+|\\S+)?"
   },
   borderRadiusBottomLeft: {
-    classes: ["rounded-bl", ...r(s.borderRadius, (e) => `rounded-bl-${e}`)],
+    classes: ["rounded-bl", ...t(r.borderRadius, (e) => `rounded-bl-${e}`)],
     regExp: "rounded-bl-?(\\d+|\\S+)?"
   },
   borderRadiusTop: {
-    classes: ["rounded-t", ...r(s.borderRadius, (e) => `rounded-t-${e}`)],
+    classes: ["rounded-t", ...t(r.borderRadius, (e) => `rounded-t-${e}`)],
     regExp: "rounded-t-?(\\d+|\\S+)?"
   },
   borderRadiusRight: {
-    classes: ["rounded-r", ...r(s.borderRadius, (e) => `rounded-r-${e}`)],
+    classes: ["rounded-r", ...t(r.borderRadius, (e) => `rounded-r-${e}`)],
     regExp: "rounded-r-?(\\d+|\\S+)?"
   },
   borderRadiusBottom: {
-    classes: ["rounded-b", ...r(s.borderRadius, (e) => `rounded-b-${e}`)],
+    classes: ["rounded-b", ...t(r.borderRadius, (e) => `rounded-b-${e}`)],
     regExp: "rounded-b-?(\\d+|\\S+)?"
   },
   borderRadiusLeft: {
-    classes: ["rounded-l", ...r(s.borderRadius, (e) => `rounded-l-${e}`)],
-    regExp: `(rounded-l-(${s.borderRadius.join("|")})|rounded-l$)`
+    classes: ["rounded-l", ...t(r.borderRadius, (e) => `rounded-l-${e}`)],
+    regExp: `(rounded-l-(${r.borderRadius.join("|")})|rounded-l$)`
   },
   borderRadius: {
-    classes: ["rounded", ...r(s.borderRadius, (e) => `rounded-${e}`)],
-    regExp: `(rounded-(${s.borderRadius.join("|")}$)|rounded)`
+    classes: ["rounded", ...t(r.borderRadius, (e) => `rounded-${e}`)],
+    regExp: `(rounded-(${r.borderRadius.join("|")}$)|rounded)`
   },
   borderX: {
-    classes: ["border-x", ...r(s.borderWidth, (e) => `border-x-${e}`)],
+    classes: ["border-x", ...t(r.borderWidth, (e) => `border-x-${e}`)],
     regExp: "border-x-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderY: {
-    classes: ["border-y", ...r(s.borderWidth, (e) => `border-y-${e}`)],
+    classes: ["border-y", ...t(r.borderWidth, (e) => `border-y-${e}`)],
     regExp: "border-y-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderTop: {
-    classes: ["border-t", ...r(s.borderWidth, (e) => `border-t-${e}`)],
+    classes: ["border-t", ...t(r.borderWidth, (e) => `border-t-${e}`)],
     regExp: "border-t-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderRight: {
-    classes: ["border-r", ...r(s.borderWidth, (e) => `border-r-${e}`)],
+    classes: ["border-r", ...t(r.borderWidth, (e) => `border-r-${e}`)],
     regExp: "border-r-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderBottom: {
-    classes: ["border-b", ...r(s.borderWidth, (e) => `border-b-${e}`)],
+    classes: ["border-b", ...t(r.borderWidth, (e) => `border-b-${e}`)],
     regExp: "border-b-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderLeft: {
-    classes: ["border-l", ...r(s.borderWidth, (e) => `border-l-${e}`)],
+    classes: ["border-l", ...t(r.borderWidth, (e) => `border-l-${e}`)],
     regExp: "border-l-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderColor: {
@@ -775,19 +777,19 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "border-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
   },
   border: {
-    classes: ["border", ...r(s.borderWidth, (e) => `border-${e}`)],
+    classes: ["border", ...t(r.borderWidth, (e) => `border-${e}`)],
     regExp: "border-?(\\d+|\\S+|\\[.*\\])?"
   },
   order: {
-    classes: r([...o(0, 13), "first", "last", "none"], (e) => `order-${e}`),
+    classes: t([...l(0, 13), "first", "last", "none"], (e) => `order-${e}`),
     regExp: "-?order-(\\d+|first|last|none)"
   },
   divideXWidth: {
-    classes: r(["0", 2, 4, 8], (e) => `divide-x-${e}`),
+    classes: t(["0", 2, 4, 8], (e) => `divide-x-${e}`),
     regExp: "divide-x-(\\d+|\\[.*\\])"
   },
   divideYWidth: {
-    classes: r(["0", 2, 4, 8], (e) => `divide-y-${e}`),
+    classes: t(["0", 2, 4, 8], (e) => `divide-y-${e}`),
     regExp: "divide-y-(\\d+|\\[.*\\])"
   },
   divideColor: {
@@ -795,15 +797,15 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "divide-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
   },
   divideStyle: {
-    classes: r(["solid", "dashed", "dotted", "double", "none"], (e) => `divide-${e}`),
+    classes: t(["solid", "dashed", "dotted", "double", "none"], (e) => `divide-${e}`),
     regExp: "divide-(solid|dashed|dotted|double|none)"
   },
   outlineWidth: {
-    classes: r([0, 1, 2, 4, 8], (e) => `outline-${e}`),
+    classes: t([0, 1, 2, 4, 8], (e) => `outline-${e}`),
     regExp: "outline-(\\d+)"
   },
   outlineOffset: {
-    classes: r([0, 1, 2, 4, 8], (e) => `outline-offset-${e}`),
+    classes: t([0, 1, 2, 4, 8], (e) => `outline-offset-${e}`),
     regExp: "outline-offset-(\\d+)"
   },
   outlineColor: {
@@ -811,11 +813,11 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "outline-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
   },
   ringWidth: {
-    classes: r([0, 1, 2, 4, 8, "inset"], (e) => `ring-${e}`),
+    classes: t([0, 1, 2, 4, 8, "inset"], (e) => `ring-${e}`),
     regExp: "ring-(\\d+|inset)"
   },
   ringOffsetWidth: {
-    classes: r([0, 1, 2, 4, 8], (e) => `ring-offset-${e}`),
+    classes: t([0, 1, 2, 4, 8], (e) => `ring-offset-${e}`),
     regExp: "ring-offset-(\\d+)"
   },
   ringOffsetColor: {
@@ -833,28 +835,28 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "shadow-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
   },
   opacity: {
-    classes: r([0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100], (e) => `opacity-${e}`),
+    classes: t([0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100], (e) => `opacity-${e}`),
     regExp: "opacity-(\\d+|\\[.*\\])"
   },
   mixBlendMode: {
-    classes: r(s.blendEffect, (e) => `mix-blend-${e}`),
+    classes: t(r.blendEffect, (e) => `mix-blend-${e}`),
     regExp: "mix-blend-(\\d+|\\S+)"
   },
   bgBlendMode: {
-    classes: r(s.blendEffect, (e) => `bg-blend-${e}`),
+    classes: t(r.blendEffect, (e) => `bg-blend-${e}`),
     regExp: "bg-blend-(\\d+|\\S+)"
   },
   // filters
   blur: {
-    classes: r(["none", "sm", "md", "lg", "xl", "2xl", "3xl"], (e) => `blur-${e}`),
+    classes: t(["none", "sm", "md", "lg", "xl", "2xl", "3xl"], (e) => `blur-${e}`),
     regExp: "blur-(none|sm|md|lg|xl|2xl|3xl)"
   },
   brightness: {
-    classes: r([0, 50, 75, 90, 95, 100, 105, 110, 125, 150, 200], (e) => `brightness-${e}`),
+    classes: t([0, 50, 75, 90, 95, 100, 105, 110, 125, 150, 200], (e) => `brightness-${e}`),
     regExp: "brightness-(\\d+)"
   },
   contrast: {
-    classes: r([0, 50, 75, 100, 125, 150, 200], (e) => `contrast-${e}`),
+    classes: t([0, 50, 75, 100, 125, 150, 200], (e) => `contrast-${e}`),
     regExp: "contrast-(\\d+)"
   },
   grayScale: {
@@ -862,12 +864,12 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "grayscale(-0)?"
   },
   hueRotate: {
-    classes: r([0, 15, 30, 60, 90, 180], (e) => `hue-rotate-${e}`),
+    classes: t([0, 15, 30, 60, 90, 180], (e) => `hue-rotate-${e}`),
     regExp: "-?hue-rotate-(\\d+)"
   },
   invert: { classes: ["invert-0", "invert"], regExp: "invert(-0)?" },
   saturate: {
-    classes: r([0, 50, 100, 150, 200], (e) => `saturate-${e}`),
+    classes: t([0, 50, 100, 150, 200], (e) => `saturate-${e}`),
     regExp: "saturate-(\\d+)"
   },
   sepia: { classes: ["sepia-0", "sepia"], regExp: "sepia(-0)?" },
@@ -885,7 +887,7 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "transition-(none|all|colors|opacity|shadow|transform)"
   },
   duration: {
-    classes: r([75, 100, 150, 200, 300, 500, 700, 1e3], (e) => `duration-${e}`),
+    classes: t([75, 100, 150, 200, 300, 500, 700, 1e3], (e) => `duration-${e}`),
     regExp: "duration-(\\d+|\\[.*\\])"
   },
   transitionEase: {
@@ -893,7 +895,7 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "eas(e-linear|e-in|e-out|e-in-out)"
   },
   transitionDelay: {
-    classes: r([75, 100, 150, 200, 300, 500, 700, 1e3], (e) => `delay-${e}`),
+    classes: t([75, 100, 150, 200, 300, 500, 700, 1e3], (e) => `delay-${e}`),
     regExp: "delay-(\\d+|\\[.*\\])"
   },
   animation: {
@@ -901,35 +903,35 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     regExp: "animation-(none|spin|ping)"
   },
   scaleX: {
-    classes: r(s.scale, (e) => `scale-x-${e}`),
+    classes: t(r.scale, (e) => `scale-x-${e}`),
     regExp: "-?scale-x-(\\d+|\\S+|\\[.*\\])"
   },
   scaleY: {
-    classes: r(s.scale, (e) => `scale-y-${e}`),
+    classes: t(r.scale, (e) => `scale-y-${e}`),
     regExp: "-?scale-y-(\\d+|\\S+|\\[.*\\])"
   },
   scale: {
-    classes: r(s.scale, (e) => `scale-${e}`),
+    classes: t(r.scale, (e) => `scale-${e}`),
     regExp: "-?scale-(\\d+|\\S+|\\[.*\\])"
   },
   rotate: {
-    classes: r([0, 1, 2, 3, 6, 12, 45, 90, 180], (e) => `rotate-${e}`),
+    classes: t([0, 1, 2, 3, 6, 12, 45, 90, 180], (e) => `rotate-${e}`),
     regExp: "-?rotate-(\\d+|\\S+|\\[.*\\])"
   },
   translateX: {
-    classes: r([0, "px", "0.5", 1], (e) => `translate-x-${e}`),
+    classes: t([0, "px", "0.5", 1], (e) => `translate-x-${e}`),
     regExp: "-?translate-x-(\\d+|\\S+|\\[.*\\])"
   },
   translateY: {
-    classes: r([0, "px", "0.5", 1], (e) => `translate-y-${e}`),
+    classes: t([0, "px", "0.5", 1], (e) => `translate-y-${e}`),
     regExp: "-?translate-y-(\\d+|\\S+|\\[.*\\])"
   },
   skewX: {
-    classes: r([0, 1, 2, 3, 6, 12], (e) => `skew-x-${e}`),
+    classes: t([0, 1, 2, 3, 6, 12], (e) => `skew-x-${e}`),
     regExp: "-?skew-x-(\\d+|\\S+|\\[.*\\])"
   },
   skewY: {
-    classes: r([0, 1, 2, 3, 6, 12], (e) => `skew-y-${e}`),
+    classes: t([0, 1, 2, 3, 6, 12], (e) => `skew-y-${e}`),
     regExp: "-?skew-y-(\\d+|\\S+|\\[.*\\])"
   },
   // interactivity
@@ -973,7 +975,7 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
     classes: ["stroke-0", "stroke-1", "stroke-2"],
     regExp: "stroke-(\\d+|\\[.*\\])"
   }
-}, h = {
+}, F = {
   backgroundColor: "bg",
   textColor: "text",
   borderColor: "border",
@@ -985,7 +987,7 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
   toColor: "to",
   ringColor: "ring",
   ringOffsetColor: "ring-offset"
-}, y = ["current", "inherit", "transparent", "black", "white", "primary", "secondary"], w = ["primary", "secondary"], $ = [
+}, H = ["current", "inherit", "transparent", "black", "white", "primary", "secondary"], O = ["primary", "secondary"], G = [
   "slate",
   "gray",
   "zinc",
@@ -1008,72 +1010,243 @@ const A = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
   "fuchsia",
   "pink",
   "rose"
-], u = ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"], i = r(b(h), (e) => e), k = n([
-  ...r(y, (e) => f(r(i, (t) => `${t}-${e}`))),
-  ...r(
-    w,
-    (e) => n(r(i, (t) => n(r(u, (a) => `${t}-${e}-${a}`))))
+], k = ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"], h = t(C(F), (e) => e), U = g([
+  ...t(H, (e) => _(t(h, (s) => `${s}-${e}`))),
+  ...t(
+    O,
+    (e) => g(t(h, (s) => g(t(k, (a) => `${s}-${e}-${a}`))))
   ),
-  ...r(
-    $,
-    (e) => n(r(i, (t) => n(r(u, (a) => `${t}-${e}-${a}`))))
+  ...t(
+    G,
+    (e) => g(t(h, (s) => g(t(k, (a) => `${s}-${e}-${a}`))))
   )
-]), X = r(
-  n(
-    b(p).map((e) => e.classes).concat(k)
+]), de = t(
+  g(
+    C(E).map((e) => e.classes).concat(U)
   ),
   (e) => ({
     name: e
   })
 );
-function S(e) {
-  if (g(e.trim()))
+function V(e) {
+  if (b(e.trim()))
     return "";
-  const t = e.match(/sm:|md:|lg:|xl:|2xl:/g);
-  return x(t, 0, "xs").replace(":", "");
+  const s = e.match(/sm:|md:|lg:|xl:|2xl:/g);
+  return n(s, 0, "xs").replace(":", "");
 }
-function v(e) {
-  const t = r(E, (l) => `${l}:`).join("|"), a = new RegExp(t, "g");
-  return x(a.exec(e.trim()), 0, "").replace(":", "");
+function J(e) {
+  const s = t(D, (o) => `${o}:`).join("|"), a = new RegExp(s, "g");
+  return n(a.exec(e.trim()), 0, "").replace(":", "");
 }
-function C(e) {
+function K(e) {
   return e.trim().split(":").pop() || "";
 }
-const c = {};
-function j(e) {
-  if (g(e))
+const y = {};
+function Q(e) {
+  if (b(e))
     return "";
-  if (c[e])
-    return c[e];
-  let t = "";
-  for (const a in p) {
-    const l = x(p, `${a}.regExp`, "");
-    if (new RegExp(l, "g").test(e)) {
-      t = a, c[e] = t;
+  if (y[e])
+    return y[e];
+  let s = "";
+  for (const a in E) {
+    const o = n(E, `${a}.regExp`, "");
+    if (new RegExp(o, "g").test(e)) {
+      s = a, y[e] = s;
       break;
     }
   }
-  return t;
+  return s;
 }
-function B(e) {
-  return g(e) ? null : {
-    dark: m(e, "dark:"),
-    mq: S(e),
-    mod: v(e),
-    cls: C(e),
+function ce(e) {
+  return b(e) ? null : {
+    dark: N(e, "dark:"),
+    mq: V(e),
+    mod: J(e),
+    cls: K(e),
     fullCls: e,
-    property: j(e)
+    property: Q(e)
   };
 }
-function Y(e) {
-  let t = "";
-  return e.dark && (t += "dark:"), e.mq.toLowerCase() !== "xs" && (t += `${e.mq}:`), e.mod && (t += `${e.mod}:`), t += e.cls, t;
+function pe(e) {
+  let s = "";
+  return e.dark && (s += "dark:"), e.mq.toLowerCase() !== "xs" && (s += `${e.mq}:`), e.mod && (s += `${e.mod}:`), s += e.cls, s;
 }
+const Z = {
+  img: { alt: "alt", width: "width", height: "height", src: "image" },
+  video: {
+    src: "url",
+    autoplay: "controls.autoPlay",
+    muted: "controls.muted",
+    loop: "controls.loop",
+    controls: "controls.widgets"
+  },
+  a: {
+    href: "link.href",
+    target: "link.target",
+    type: ""
+    // @TODO: Detect here what to url, email, phone, elementId
+  },
+  input: {
+    placeholder: "placeholder",
+    required: "required",
+    type: "inputType",
+    name: "fieldName"
+  },
+  textarea: {
+    placeholder: "placeholder",
+    required: "required",
+    type: "inputType",
+    name: "fieldName"
+  },
+  select: {
+    placeholder: "placeholder",
+    required: "required",
+    multiple: "multiple",
+    name: "fieldName"
+  }
+}, ee = (e, s) => e.children.length === 1 && w(["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link"], s._type), R = (e) => e.map((s) => s.type === "text" ? n(s, "content", "") : b(s.children) ? "" : R(s.children)).join(""), S = (e) => e === null ? !0 : e, v = (e) => {
+  const s = {}, a = Z[e.tagName] || {}, o = e.attributes;
+  return Y(o, ({ key: c, value: d }) => {
+    if (a[c]) {
+      if (e.tagName === "img" && c === "src" && !d.startsWith("http")) {
+        const i = u(e.attributes, { key: "width" }), p = u(e.attributes, { key: "height" });
+        i && p ? d = `https://via.placeholder.com/${i == null ? void 0 : i.value}x${p == null ? void 0 : p.value}` : d = "https://via.placeholder.com/150x150";
+      }
+      x(s, a[c], S(d));
+    } else
+      w(["style", "class", "srcset"], c) || x(s, `styles_attrs.${c}`, S(d));
+  }), delete s.class, s;
+}, te = (e, s = "styles") => {
+  if (!e.attributes)
+    return { [s]: `${f},` };
+  const a = u(e.attributes, { key: "class" });
+  if (a) {
+    const o = a.value;
+    return { [s]: `${f},${o}` };
+  }
+  return { [s]: `${f},` };
+}, re = (e) => {
+  switch (e.tagName) {
+    case "img":
+      return { _type: "Image" };
+    case "input":
+      return { _type: "Input", showLabel: !1 };
+    case "hr":
+      return { _type: "Divider" };
+    case "br":
+      return { _type: "LineBreak" };
+    case "textarea":
+      return { _type: "TextArea", showLabel: !1 };
+    case "audio":
+      return { _type: "Audio" };
+    case "iframe":
+      return { _type: "Iframe" };
+    case "canvas":
+      return { _type: "Canvas" };
+    case "video":
+      return { _type: "CustomHTML" };
+    case "svg":
+      return { _type: "Icon" };
+    case "select":
+      return { _type: "Select", options: [] };
+    case "option":
+      return { _type: "Option" };
+    case "ul":
+    case "ol":
+    case "dl":
+      return {
+        _type: "List",
+        tag: e.tagName,
+        _listType: e.tagName === "ol" ? "list-decimal" : "list-none"
+      };
+    case "li":
+    case "dt":
+      return { _type: "ListItem", tag: e.tagName };
+    case "span":
+    case "figcaption":
+    case "legend":
+      return { _type: "Span", tag: e.tagName };
+    case "p":
+      return { _type: "Paragraph", content: "" };
+    case "a":
+      return { _type: "Link" };
+    case "form":
+      return { _type: "Form" };
+    case "label":
+      return { _type: "Label" };
+    case "button":
+      return { _type: "Button" };
+    case "code":
+      return { _type: "Code" };
+    case "h1":
+    case "h2":
+    case "h3":
+    case "h4":
+    case "h5":
+    case "h6":
+      return { _type: "Heading", tag: e.tagName };
+    case "table":
+      return { _type: "Table" };
+    case "tr":
+      return { _type: "TableRow" };
+    case "td":
+    case "th":
+      return { _type: "TableCell", tag: e.tagName };
+    case "thead":
+      return { _type: "TableHead" };
+    case "tbody":
+      return { _type: "TableBody" };
+    case "tfoot":
+      return { _type: "TableFooter" };
+    default:
+      return {
+        _type: "Box",
+        tag: e.tagName,
+        name: e.tagName === "div" ? "Box" : z(e.tagName)
+      };
+  }
+}, j = (e, s = null) => W(e, (a) => {
+  var d;
+  if (a.type === "comment")
+    return [];
+  let o = { _id: q() };
+  if (s && (o._parent = s.block._id), a.type === "text")
+    return b(n(a, "content", "")) ? [] : s && ee(s.node, s.block) ? (x(s, "block.content", n(a, "content", "")), []) : { ...o, _type: "Text", content: n(a, "content", "") };
+  if (o = {
+    ...o,
+    ...re(a),
+    ...v(a),
+    ...te(a)
+  }, o._type === "Input") {
+    const i = o.inputType || "text";
+    i === "checkbox" ? x(o, "_type", "Checkbox") : i === "radio" && x(o, "_type", "Radio");
+  } else {
+    if (a.tagName === "video")
+      return o.content = $([a]), [o];
+    if (a.tagName === "svg") {
+      const i = u(a.attributes, { key: "height" }), p = u(a.attributes, { key: "width" }), T = n(i, "value") ? `[${n(i, "value")}px]` : "full", L = n(p, "value") ? `[${n(p, "value")}px]` : "full", A = n(u(a.attributes, { key: "class" }), "value");
+      return o.styles = `${f}, ${P(`w-${L} h-${T}`, A)}`.trim(), a.attributes = I(a.attributes, (B) => !w(["style", "width", "height", "class"], B.key)), o._icon = $([a]), x(o, "styles_attrs", X(n(o, "styles_attrs") || {}, ["height", "width", "style", "class"])), [o];
+    } else if (a.tagName == "option" && s && ((d = s.block) == null ? void 0 : d._type) === "Select")
+      return s.block.options.push({
+        label: R(a.children),
+        ...v(a)
+      }), [];
+  }
+  const c = j(a.children, { block: o, node: a });
+  return [o, ...c];
+}), se = (e) => {
+  const s = e.match(/<body[^>]*>[\s\S]*?<\/body>/);
+  return (s && s.length > 0 ? s[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : e).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
+}, ge = (e) => {
+  const s = M(se(e));
+  return b(e) ? [] : _(j(s));
+};
 export {
-  X as A,
-  p as C,
-  A as a,
-  Y as b,
-  B as c,
-  L as g
+  de as A,
+  E as C,
+  ie as a,
+  ge as b,
+  ce as c,
+  pe as d,
+  q as g
 };