tailwind-to-style 3.1.2 → 3.2.0

package/dist/utils/index.esm.js

@@ -0,0 +1,1795 @@
+/**
+ * tailwind-to-style v3.2.0
+ * Runtime Tailwind CSS to inline styles converter
+ * 
+ * @author Bigetion
+ * @license MIT
+ */
+const theme = {
+  accentColor: _ref => {
+    let {
+      theme
+    } = _ref;
+    return {
+      ...theme("colors"),
+      auto: "auto",
+      custom: "custom_value"
+    };
+  },
+  animation: {
+    none: "none",
+    spin: "spin 1s linear infinite",
+    ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+    pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+    bounce: "bounce 1s infinite",
+    "fade-in": "fadeIn 2s ease-in-out infinite",
+    "slide-up": "slideUp 2s ease-in-out infinite",
+    custom: "custom_value"
+  },
+  aspectRatio: {
+    auto: "auto",
+    square: "1 / 1",
+    video: "16 / 9",
+    custom: "custom_value"
+  },
+  backdropBlur: _ref2 => {
+    let {
+      theme
+    } = _ref2;
+    return theme("blur");
+  },
+  backdropBrightness: _ref3 => {
+    let {
+      theme
+    } = _ref3;
+    return theme("brightness");
+  },
+  backdropContrast: _ref4 => {
+    let {
+      theme
+    } = _ref4;
+    return theme("contrast");
+  },
+  backdropGrayscale: _ref5 => {
+    let {
+      theme
+    } = _ref5;
+    return theme("grayscale");
+  },
+  backdropHueRotate: _ref6 => {
+    let {
+      theme
+    } = _ref6;
+    return theme("hueRotate");
+  },
+  backdropInvert: _ref7 => {
+    let {
+      theme
+    } = _ref7;
+    return theme("invert");
+  },
+  backdropOpacity: _ref8 => {
+    let {
+      theme
+    } = _ref8;
+    return theme("opacity");
+  },
+  backdropSaturate: _ref9 => {
+    let {
+      theme
+    } = _ref9;
+    return theme("saturate");
+  },
+  backdropSepia: _ref0 => {
+    let {
+      theme
+    } = _ref0;
+    return theme("sepia");
+  },
+  backgroundColor: _ref1 => {
+    let {
+      theme
+    } = _ref1;
+    return theme("colors");
+  },
+  backgroundImage: {
+    none: "none",
+    "gradient-to-t": "linear-gradient(to top, var(--gradient-color-stops))",
+    "gradient-to-tr": "linear-gradient(to top right, var(--gradient-color-stops))",
+    "gradient-to-r": "linear-gradient(to right, var(--gradient-color-stops))",
+    "gradient-to-br": "linear-gradient(to bottom right, var(--gradient-color-stops))",
+    "gradient-to-b": "linear-gradient(to bottom, var(--gradient-color-stops))",
+    "gradient-to-bl": "linear-gradient(to bottom left, var(--gradient-color-stops))",
+    "gradient-to-l": "linear-gradient(to left, var(--gradient-color-stops))",
+    "gradient-to-tl": "linear-gradient(to top left, var(--gradient-color-stops))"
+  },
+  backgroundOpacity: _ref10 => {
+    let {
+      theme
+    } = _ref10;
+    return theme("opacity");
+  },
+  backgroundPosition: {
+    bottom: "bottom",
+    center: "center",
+    left: "left",
+    "left-bottom": "left bottom",
+    "left-top": "left top",
+    right: "right",
+    "right-bottom": "right bottom",
+    "right-top": "right top",
+    top: "top"
+  },
+  backgroundSize: {
+    auto: "auto",
+    cover: "cover",
+    contain: "contain"
+  },
+  blur: {
+    0: "0",
+    none: "0",
+    sm: "4px",
+    DEFAULT: "8px",
+    md: "12px",
+    lg: "16px",
+    xl: "24px",
+    "2xl": "40px",
+    "3xl": "64px",
+    custom: "custom_value"
+  },
+  borderColor: _ref11 => {
+    let {
+      theme
+    } = _ref11;
+    return {
+      ...theme("colors"),
+      DEFAULT: "#e5e7eb"
+    };
+  },
+  borderOpacity: _ref12 => {
+    let {
+      theme
+    } = _ref12;
+    return theme("opacity");
+  },
+  borderRadius: {
+    none: "0px",
+    sm: "0.125rem",
+    DEFAULT: "0.25rem",
+    md: "0.375rem",
+    lg: "0.5rem",
+    xl: "0.75rem",
+    "2xl": "1rem",
+    "3xl": "1.5rem",
+    full: "9999px",
+    custom: "custom_value"
+  },
+  borderSpacing: _ref13 => {
+    let {
+      theme
+    } = _ref13;
+    return {
+      ...theme("spacing")
+    };
+  },
+  borderWidth: {
+    DEFAULT: "1px",
+    0: "0px",
+    2: "2px",
+    4: "4px",
+    8: "8px",
+    custom: "custom_value"
+  },
+  boxShadow: {
+    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+    none: "none",
+    custom: "custom_value"
+  },
+  boxShadowColor: _ref14 => {
+    let {
+      theme
+    } = _ref14;
+    return theme("colors");
+  },
+  brightness: {
+    0: "0",
+    50: ".5",
+    75: ".75",
+    90: ".9",
+    95: ".95",
+    100: "1",
+    105: "1.05",
+    110: "1.1",
+    125: "1.25",
+    150: "1.5",
+    200: "2",
+    custom: "custom_value"
+  },
+  caretColor: _ref15 => {
+    let {
+      theme
+    } = _ref15;
+    return theme("colors");
+  },
+  colors: {
+    transparent: "transparent",
+    current: "currentColor",
+    black: "#000000",
+    white: "#ffffff",
+    slate: {
+      50: "#f8fafc",
+      100: "#f1f5f9",
+      200: "#e2e8f0",
+      300: "#cbd5e1",
+      400: "#94a3b8",
+      500: "#64748b",
+      600: "#475569",
+      700: "#334155",
+      800: "#1e293b",
+      900: "#0f172a"
+    },
+    gray: {
+      50: "#f9fafb",
+      100: "#f3f4f6",
+      200: "#e5e7eb",
+      300: "#d1d5db",
+      400: "#9ca3af",
+      500: "#6b7280",
+      600: "#4b5563",
+      700: "#374151",
+      800: "#1f2937",
+      900: "#111827"
+    },
+    zinc: {
+      50: "#fafafa",
+      100: "#f4f4f5",
+      200: "#e4e4e7",
+      300: "#d4d4d8",
+      400: "#a1a1aa",
+      500: "#71717a",
+      600: "#52525b",
+      700: "#3f3f46",
+      800: "#27272a",
+      900: "#18181b"
+    },
+    neutral: {
+      50: "#fafafa",
+      100: "#f5f5f5",
+      200: "#e5e5e5",
+      300: "#d4d4d4",
+      400: "#a3a3a3",
+      500: "#737373",
+      600: "#525252",
+      700: "#404040",
+      800: "#262626",
+      900: "#171717"
+    },
+    stone: {
+      50: "#fafaf9",
+      100: "#f5f5f4",
+      200: "#e7e5e4",
+      300: "#d6d3d1",
+      400: "#a8a29e",
+      500: "#78716c",
+      600: "#57534e",
+      700: "#44403c",
+      800: "#292524",
+      900: "#1c1917"
+    },
+    red: {
+      50: "#fef2f2",
+      100: "#fee2e2",
+      200: "#fecaca",
+      300: "#fca5a5",
+      400: "#f87171",
+      500: "#ef4444",
+      600: "#dc2626",
+      700: "#b91c1c",
+      800: "#991b1b",
+      900: "#7f1d1d"
+    },
+    orange: {
+      50: "#fff7ed",
+      100: "#ffedd5",
+      200: "#fed7aa",
+      300: "#fdba74",
+      400: "#fb923c",
+      500: "#f97316",
+      600: "#ea580c",
+      700: "#c2410c",
+      800: "#9a3412",
+      900: "#7c2d12"
+    },
+    amber: {
+      50: "#fffbeb",
+      100: "#fef3c7",
+      200: "#fde68a",
+      300: "#fcd34d",
+      400: "#fbbf24",
+      500: "#f59e0b",
+      600: "#d97706",
+      700: "#b45309",
+      800: "#92400e",
+      900: "#78350f"
+    },
+    yellow: {
+      50: "#fefce8",
+      100: "#fef9c3",
+      200: "#fef08a",
+      300: "#fde047",
+      400: "#facc15",
+      500: "#eab308",
+      600: "#ca8a04",
+      700: "#a16207",
+      800: "#854d0e",
+      900: "#713f12"
+    },
+    lime: {
+      50: "#f7fee7",
+      100: "#ecfccb",
+      200: "#d9f99d",
+      300: "#bef264",
+      400: "#a3e635",
+      500: "#84cc16",
+      600: "#65a30d",
+      700: "#4d7c0f",
+      800: "#3f6212",
+      900: "#365314"
+    },
+    green: {
+      50: "#f0fdf4",
+      100: "#dcfce7",
+      200: "#bbf7d0",
+      300: "#86efac",
+      400: "#4ade80",
+      500: "#22c55e",
+      600: "#16a34a",
+      700: "#15803d",
+      800: "#166534",
+      900: "#14532d"
+    },
+    emerald: {
+      50: "#ecfdf5",
+      100: "#d1fae5",
+      200: "#a7f3d0",
+      300: "#6ee7b7",
+      400: "#34d399",
+      500: "#10b981",
+      600: "#059669",
+      700: "#047857",
+      800: "#065f46",
+      900: "#064e3b"
+    },
+    teal: {
+      50: "#f0fdfa",
+      100: "#ccfbf1",
+      200: "#99f6e4",
+      300: "#5eead4",
+      400: "#2dd4bf",
+      500: "#14b8a6",
+      600: "#0d9488",
+      700: "#0f766e",
+      800: "#115e59",
+      900: "#134e4a"
+    },
+    cyan: {
+      50: "#ecfeff",
+      100: "#cffafe",
+      200: "#a5f3fc",
+      300: "#67e8f9",
+      400: "#22d3ee",
+      500: "#06b6d4",
+      600: "#0891b2",
+      700: "#0e7490",
+      800: "#155e75",
+      900: "#164e63"
+    },
+    sky: {
+      50: "#f0f9ff",
+      100: "#e0f2fe",
+      200: "#bae6fd",
+      300: "#7dd3fc",
+      400: "#38bdf8",
+      500: "#0ea5e9",
+      600: "#0284c7",
+      700: "#0369a1",
+      800: "#075985",
+      900: "#0c4a6e"
+    },
+    blue: {
+      50: "#eff6ff",
+      100: "#dbeafe",
+      200: "#bfdbfe",
+      300: "#93c5fd",
+      400: "#60a5fa",
+      500: "#3b82f6",
+      600: "#2563eb",
+      700: "#1d4ed8",
+      800: "#1e40af",
+      900: "#1e3a8a"
+    },
+    indigo: {
+      50: "#eef2ff",
+      100: "#e0e7ff",
+      200: "#c7d2fe",
+      300: "#a5b4fc",
+      400: "#818cf8",
+      500: "#6366f1",
+      600: "#4f46e5",
+      700: "#4338ca",
+      800: "#3730a3",
+      900: "#312e81"
+    },
+    violet: {
+      50: "#f5f3ff",
+      100: "#ede9fe",
+      200: "#ddd6fe",
+      300: "#c4b5fd",
+      400: "#a78bfa",
+      500: "#8b5cf6",
+      600: "#7c3aed",
+      700: "#6d28d9",
+      800: "#5b21b6",
+      900: "#4c1d95"
+    },
+    purple: {
+      50: "#faf5ff",
+      100: "#f3e8ff",
+      200: "#e9d5ff",
+      300: "#d8b4fe",
+      400: "#c084fc",
+      500: "#a855f7",
+      600: "#9333ea",
+      700: "#7e22ce",
+      800: "#6b21a8",
+      900: "#581c87"
+    },
+    fuchsia: {
+      50: "#fdf4ff",
+      100: "#fae8ff",
+      200: "#f5d0fe",
+      300: "#f0abfc",
+      400: "#e879f9",
+      500: "#d946ef",
+      600: "#c026d3",
+      700: "#a21caf",
+      800: "#86198f",
+      900: "#701a75"
+    },
+    pink: {
+      50: "#fdf2f8",
+      100: "#fce7f3",
+      200: "#fbcfe8",
+      300: "#f9a8d4",
+      400: "#f472b6",
+      500: "#ec4899",
+      600: "#db2777",
+      700: "#be185d",
+      800: "#9d174d",
+      900: "#831843"
+    },
+    rose: {
+      50: "#fff1f2",
+      100: "#ffe4e6",
+      200: "#fecdd3",
+      300: "#fda4af",
+      400: "#fb7185",
+      500: "#f43f5e",
+      600: "#e11d48",
+      700: "#be123c",
+      800: "#9f1239",
+      900: "#881337"
+    },
+    custom: "custom_value"
+  },
+  columns: {
+    auto: "auto",
+    1: "1",
+    2: "2",
+    3: "3",
+    4: "4",
+    5: "5",
+    6: "6",
+    7: "7",
+    8: "8",
+    9: "9",
+    10: "10",
+    11: "11",
+    12: "12",
+    "3xs": "16rem",
+    "2xs": "18rem",
+    xs: "20rem",
+    sm: "24rem",
+    md: "28rem",
+    lg: "32rem",
+    xl: "36rem",
+    "2xl": "42rem",
+    "3xl": "48rem",
+    "4xl": "56rem",
+    "5xl": "64rem",
+    "6xl": "72rem",
+    "7xl": "80rem",
+    custom: "custom_value"
+  },
+  content: {
+    none: "none",
+    custom: "custom_value"
+  },
+  contrast: {
+    0: "0",
+    50: ".5",
+    75: ".75",
+    100: "1",
+    125: "1.25",
+    150: "1.5",
+    200: "2",
+    custom: "custom_value"
+  },
+  cursor: {
+    auto: "auto",
+    default: "default",
+    pointer: "pointer",
+    wait: "wait",
+    text: "text",
+    move: "move",
+    help: "help",
+    "not-allowed": "not-allowed",
+    none: "none",
+    "context-menu": "context-menu",
+    progress: "progress",
+    cell: "cell",
+    crosshair: "crosshair",
+    "vertical-text": "vertical-text",
+    alias: "alias",
+    copy: "copy",
+    "no-drop": "no-drop",
+    grab: "grab",
+    grabbing: "grabbing",
+    "all-scroll": "all-scroll",
+    "col-resize": "col-resize",
+    "row-resize": "row-resize",
+    "n-resize": "n-resize",
+    "e-resize": "e-resize",
+    "s-resize": "s-resize",
+    "w-resize": "w-resize",
+    "ne-resize": "ne-resize",
+    "nw-resize": "nw-resize",
+    "se-resize": "se-resize",
+    "sw-resize": "sw-resize",
+    "ew-resize": "ew-resize",
+    "ns-resize": "ns-resize",
+    "nesw-resize": "nesw-resize",
+    "nwse-resize": "nwse-resize",
+    "zoom-in": "zoom-in",
+    "zoom-out": "zoom-out"
+  },
+  divideColor: _ref16 => {
+    let {
+      theme
+    } = _ref16;
+    return theme("borderColor");
+  },
+  divideOpacity: _ref17 => {
+    let {
+      theme
+    } = _ref17;
+    return theme("borderOpacity");
+  },
+  divideWidth: _ref18 => {
+    let {
+      theme
+    } = _ref18;
+    return theme("borderWidth");
+  },
+  dropShadow: {
+    sm: "0 1px 1px rgb(0 0 0 / 0.05)",
+    DEFAULT: "0 1px 2px rgb(0 0 0 / 0.1) , 0 1px 1px rgb(0 0 0 / 0.06)",
+    md: "0 4px 3px rgb(0 0 0 / 0.07) , 0 2px 2px rgb(0 0 0 / 0.06)",
+    lg: "0 10px 8px rgb(0 0 0 / 0.04) , 0 4px 3px rgb(0 0 0 / 0.1)",
+    xl: "0 20px 13px rgb(0 0 0 / 0.03) , 0 8px 5px rgb(0 0 0 / 0.08)",
+    "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
+    none: "0 0 #0000"
+  },
+  fill: _ref19 => {
+    let {
+      theme
+    } = _ref19;
+    return {
+      none: "none",
+      ...theme("colors")
+    };
+  },
+  flex: {
+    1: "1 1 0%",
+    auto: "1 1 auto",
+    initial: "0 1 auto",
+    none: "none"
+  },
+  flexBasis: _ref20 => {
+    let {
+      theme
+    } = _ref20;
+    return {
+      auto: "auto",
+      ...theme("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      "1/5": "20%",
+      "2/5": "40%",
+      "3/5": "60%",
+      "4/5": "80%",
+      "1/6": "16.666667%",
+      "2/6": "33.333333%",
+      "3/6": "50%",
+      "4/6": "66.666667%",
+      "5/6": "83.333333%",
+      "1/12": "8.333333%",
+      "2/12": "16.666667%",
+      "3/12": "25%",
+      "4/12": "33.333333%",
+      "5/12": "41.666667%",
+      "6/12": "50%",
+      "7/12": "58.333333%",
+      "8/12": "66.666667%",
+      "9/12": "75%",
+      "10/12": "83.333333%",
+      "11/12": "91.666667%",
+      full: "100%"
+    };
+  },
+  flexGrow: {
+    0: "0",
+    DEFAULT: "1"
+  },
+  flexShrink: {
+    0: "0",
+    DEFAULT: "1"
+  },
+  fontFamily: {
+    sans: ["ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", '"Segoe UI"', "Roboto", '"Helvetica Neue"', "Arial", '"Noto Sans"', "sans-serif", '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'].join(", "),
+    serif: ["ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"].join(", "),
+    mono: ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", '"Liberation Mono"', '"Courier New"', "monospace"].join(", ")
+  },
+  fontSize: {
+    xs: "0.75rem",
+    sm: "0.875rem",
+    base: "1rem",
+    lg: "1.125rem",
+    xl: "1.25rem",
+    "2xl": "1.5rem",
+    "3xl": "1.875rem",
+    "4xl": "2.25rem",
+    "5xl": "3rem",
+    "6xl": "3.75rem",
+    "7xl": "4.5rem",
+    "8xl": "6rem",
+    "9xl": "8rem",
+    custom: "custom_value"
+  },
+  fontWeight: {
+    thin: "100",
+    extralight: "200",
+    light: "300",
+    normal: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700",
+    extrabold: "800",
+    black: "900",
+    custom: "custom_value"
+  },
+  gap: _ref21 => {
+    let {
+      theme
+    } = _ref21;
+    return theme("spacing");
+  },
+  gradientColorStops: _ref22 => {
+    let {
+      theme
+    } = _ref22;
+    return theme("colors");
+  },
+  gradientColorStopPositions: {
+    "0%": "0%",
+    "5%": "5%",
+    "10%": "10%",
+    "15%": "15%",
+    "20%": "20%",
+    "25%": "25%",
+    "30%": "30%",
+    "35%": "35%",
+    "40%": "40%",
+    "45%": "45%",
+    "50%": "50%",
+    "55%": "55%",
+    "60%": "60%",
+    "65%": "65%",
+    "70%": "70%",
+    "75%": "75%",
+    "80%": "80%",
+    "85%": "85%",
+    "90%": "90%",
+    "95%": "95%",
+    "100%": "100%"
+  },
+  grayscale: {
+    0: "0",
+    DEFAULT: "100%"
+  },
+  gridAutoColumns: {
+    auto: "auto",
+    min: "min-content",
+    max: "max-content",
+    fr: "minmax(0, 1fr)"
+  },
+  gridAutoRows: {
+    auto: "auto",
+    min: "min-content",
+    max: "max-content",
+    fr: "minmax(0, 1fr)"
+  },
+  gridColumn: {
+    auto: "auto",
+    "span-1": "span 1 / span 1",
+    "span-2": "span 2 / span 2",
+    "span-3": "span 3 / span 3",
+    "span-4": "span 4 / span 4",
+    "span-5": "span 5 / span 5",
+    "span-6": "span 6 / span 6",
+    "span-7": "span 7 / span 7",
+    "span-8": "span 8 / span 8",
+    "span-9": "span 9 / span 9",
+    "span-10": "span 10 / span 10",
+    "span-11": "span 11 / span 11",
+    "span-12": "span 12 / span 12",
+    "span-full": "1 / -1"
+  },
+  gridColumnEnd: {
+    auto: "auto",
+    1: "1",
+    2: "2",
+    3: "3",
+    4: "4",
+    5: "5",
+    6: "6",
+    7: "7",
+    8: "8",
+    9: "9",
+    10: "10",
+    11: "11",
+    12: "12",
+    13: "13"
+  },
+  gridColumnStart: {
+    auto: "auto",
+    1: "1",
+    2: "2",
+    3: "3",
+    4: "4",
+    5: "5",
+    6: "6",
+    7: "7",
+    8: "8",
+    9: "9",
+    10: "10",
+    11: "11",
+    12: "12",
+    13: "13"
+  },
+  gridRow: {
+    auto: "auto",
+    "span-1": "span 1 / span 1",
+    "span-2": "span 2 / span 2",
+    "span-3": "span 3 / span 3",
+    "span-4": "span 4 / span 4",
+    "span-5": "span 5 / span 5",
+    "span-6": "span 6 / span 6",
+    "span-7": "span 7 / span 7",
+    "span-8": "span 8 / span 8",
+    "span-9": "span 9 / span 9",
+    "span-10": "span 10 / span 10",
+    "span-11": "span 11 / span 11",
+    "span-12": "span 12 / span 12",
+    "span-full": "1 / -1"
+  },
+  gridRowEnd: {
+    auto: "auto",
+    1: "1",
+    2: "2",
+    3: "3",
+    4: "4",
+    5: "5",
+    6: "6",
+    7: "7",
+    8: "8",
+    9: "9",
+    10: "10",
+    11: "11",
+    12: "12",
+    13: "13"
+  },
+  gridRowStart: {
+    auto: "auto",
+    1: "1",
+    2: "2",
+    3: "3",
+    4: "4",
+    5: "5",
+    6: "6",
+    7: "7",
+    8: "8",
+    9: "9",
+    10: "10",
+    11: "11",
+    12: "12",
+    13: "13"
+  },
+  gridTemplateColumns: {
+    none: "none",
+    subgrid: "subgrid",
+    1: "repeat(1, minmax(0, 1fr))",
+    2: "repeat(2, minmax(0, 1fr))",
+    3: "repeat(3, minmax(0, 1fr))",
+    4: "repeat(4, minmax(0, 1fr))",
+    5: "repeat(5, minmax(0, 1fr))",
+    6: "repeat(6, minmax(0, 1fr))",
+    7: "repeat(7, minmax(0, 1fr))",
+    8: "repeat(8, minmax(0, 1fr))",
+    9: "repeat(9, minmax(0, 1fr))",
+    10: "repeat(10, minmax(0, 1fr))",
+    11: "repeat(11, minmax(0, 1fr))",
+    12: "repeat(12, minmax(0, 1fr))"
+  },
+  gridTemplateRows: {
+    none: "none",
+    subgrid: "subgrid",
+    1: "repeat(1, minmax(0, 1fr))",
+    2: "repeat(2, minmax(0, 1fr))",
+    3: "repeat(3, minmax(0, 1fr))",
+    4: "repeat(4, minmax(0, 1fr))",
+    5: "repeat(5, minmax(0, 1fr))",
+    6: "repeat(6, minmax(0, 1fr))",
+    7: "repeat(7, minmax(0, 1fr))",
+    8: "repeat(8, minmax(0, 1fr))",
+    9: "repeat(9, minmax(0, 1fr))",
+    10: "repeat(10, minmax(0, 1fr))",
+    11: "repeat(11, minmax(0, 1fr))",
+    12: "repeat(12, minmax(0, 1fr))"
+  },
+  height: _ref23 => {
+    let {
+      theme
+    } = _ref23;
+    return {
+      auto: "auto",
+      ...theme("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      "1/5": "20%",
+      "2/5": "40%",
+      "3/5": "60%",
+      "4/5": "80%",
+      "1/6": "16.666667%",
+      "2/6": "33.333333%",
+      "3/6": "50%",
+      "4/6": "66.666667%",
+      "5/6": "83.333333%",
+      full: "100%",
+      screen: "100vh",
+      svh: "100svh",
+      lvh: "100lvh",
+      dvh: "100dvh",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content",
+      custom: "custom_value"
+    };
+  },
+  hueRotate: {
+    0: "0deg",
+    15: "15deg",
+    30: "30deg",
+    60: "60deg",
+    90: "90deg",
+    180: "180deg"
+  },
+  inset: _ref24 => {
+    let {
+      theme
+    } = _ref24;
+    return {
+      auto: "auto",
+      ...theme("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      full: "100%"
+    };
+  },
+  invert: {
+    0: "0",
+    DEFAULT: "100%"
+  },
+  letterSpacing: {
+    tighter: "-0.05em",
+    tight: "-0.025em",
+    normal: "0em",
+    wide: "0.025em",
+    wider: "0.05em",
+    widest: "0.1em",
+    custom: "custom_value"
+  },
+  lineClamp: {
+    1: "1",
+    2: "2",
+    3: "3",
+    4: "4",
+    5: "5",
+    6: "6",
+    custom: "custom_value"
+  },
+  lineHeight: {
+    none: "1",
+    tight: "1.25",
+    snug: "1.375",
+    normal: "1.5",
+    relaxed: "1.625",
+    loose: "2",
+    3: ".75rem",
+    4: "1rem",
+    5: "1.25rem",
+    6: "1.5rem",
+    7: "1.75rem",
+    8: "2rem",
+    9: "2.25rem",
+    10: "2.5rem",
+    custom: "custom_value"
+  },
+  listStyleType: {
+    none: "none",
+    disc: "disc",
+    decimal: "decimal"
+  },
+  margin: _ref25 => {
+    let {
+      theme
+    } = _ref25;
+    return {
+      auto: "auto",
+      ...theme("spacing")
+    };
+  },
+  maxHeight: _ref26 => {
+    let {
+      theme
+    } = _ref26;
+    return {
+      ...theme("spacing"),
+      none: "none",
+      full: "100%",
+      screen: "100vh",
+      svh: "100svh",
+      lvh: "100lvh",
+      dvh: "100dvh",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    };
+  },
+  maxWidth: _ref27 => {
+    let {
+      theme
+    } = _ref27;
+    return {
+      ...theme("spacing"),
+      none: "none",
+      xs: "20rem",
+      sm: "24rem",
+      md: "28rem",
+      lg: "32rem",
+      xl: "36rem",
+      "2xl": "42rem",
+      "3xl": "48rem",
+      "4xl": "56rem",
+      "5xl": "64rem",
+      "6xl": "72rem",
+      "7xl": "80rem",
+      full: "100%",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content",
+      prose: "65ch"
+    };
+  },
+  minHeight: _ref28 => {
+    let {
+      theme
+    } = _ref28;
+    return {
+      ...theme("spacing"),
+      full: "100%",
+      screen: "100vh",
+      svh: "100svh",
+      lvh: "100lvh",
+      dvh: "100dvh",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    };
+  },
+  minWidth: _ref29 => {
+    let {
+      theme
+    } = _ref29;
+    return {
+      ...theme("spacing"),
+      full: "100%",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    };
+  },
+  objectPosition: {
+    bottom: "bottom",
+    center: "center",
+    left: "left",
+    "left-bottom": "left bottom",
+    "left-top": "left top",
+    right: "right",
+    "right-bottom": "right bottom",
+    "right-top": "right top",
+    top: "top"
+  },
+  opacity: {
+    0: "0",
+    5: "0.05",
+    10: "0.1",
+    15: "0.15",
+    20: "0.2",
+    25: "0.25",
+    30: "0.3",
+    35: "0.35",
+    40: "0.4",
+    45: "0.45",
+    50: "0.5",
+    55: "0.55",
+    60: "0.6",
+    65: "0.65",
+    70: "0.7",
+    75: "0.75",
+    80: "0.8",
+    85: "0.85",
+    90: "0.9",
+    95: "0.95",
+    100: "1",
+    custom: "custom_value"
+  },
+  order: {
+    first: "-9999",
+    last: "9999",
+    none: "0",
+    1: "1",
+    2: "2",
+    3: "3",
+    4: "4",
+    5: "5",
+    6: "6",
+    7: "7",
+    8: "8",
+    9: "9",
+    10: "10",
+    11: "11",
+    12: "12",
+    custom: "custom_value"
+  },
+  outlineColor: _ref30 => {
+    let {
+      theme
+    } = _ref30;
+    return theme("colors");
+  },
+  outlineOffset: {
+    0: "0px",
+    1: "1px",
+    2: "2px",
+    4: "4px",
+    8: "8px",
+    custom: "custom_value"
+  },
+  outlineOpacity: _ref31 => {
+    let {
+      theme
+    } = _ref31;
+    return theme("opacity");
+  },
+  outlineWidth: {
+    0: "0px",
+    1: "1px",
+    2: "2px",
+    4: "4px",
+    8: "8px",
+    custom: "custom_value"
+  },
+  padding: _ref32 => {
+    let {
+      theme
+    } = _ref32;
+    return theme("spacing");
+  },
+  ringColor: _ref33 => {
+    let {
+      theme
+    } = _ref33;
+    return {
+      DEFAULT: "#3b82f6",
+      ...theme("colors")
+    };
+  },
+  ringOffsetColor: _ref34 => {
+    let {
+      theme
+    } = _ref34;
+    return theme("colors");
+  },
+  ringOffsetWidth: {
+    0: "0px",
+    1: "1px",
+    2: "2px",
+    4: "4px",
+    8: "8px",
+    custom: "custom_value"
+  },
+  ringOpacity: _ref35 => {
+    let {
+      theme
+    } = _ref35;
+    return {
+      DEFAULT: "0.5",
+      ...theme("opacity")
+    };
+  },
+  ringWidth: {
+    DEFAULT: "3px",
+    0: "0px",
+    1: "1px",
+    2: "2px",
+    4: "4px",
+    8: "8px",
+    custom: "custom_value"
+  },
+  rotate: {
+    0: "0deg",
+    1: "1deg",
+    2: "2deg",
+    3: "3deg",
+    6: "6deg",
+    12: "12deg",
+    45: "45deg",
+    90: "90deg",
+    180: "180deg",
+    custom: "custom_value"
+  },
+  saturate: {
+    0: "0",
+    50: ".5",
+    100: "1",
+    150: "1.5",
+    200: "2",
+    custom: "custom_value"
+  },
+  scale: {
+    0: "0",
+    50: ".5",
+    75: ".75",
+    90: ".9",
+    95: ".95",
+    100: "1",
+    105: "1.05",
+    110: "1.1",
+    125: "1.25",
+    150: "1.5",
+    custom: "custom_value"
+  },
+  scrollMargin: _ref36 => {
+    let {
+      theme
+    } = _ref36;
+    return {
+      ...theme("spacing")
+    };
+  },
+  scrollPadding: _ref37 => {
+    let {
+      theme
+    } = _ref37;
+    return theme("spacing");
+  },
+  sepia: {
+    0: "0",
+    DEFAULT: "100%"
+  },
+  skew: {
+    0: "0deg",
+    1: "1deg",
+    2: "2deg",
+    3: "3deg",
+    6: "6deg",
+    12: "12deg",
+    custom: "custom_value"
+  },
+  space: _ref38 => {
+    let {
+      theme
+    } = _ref38;
+    return {
+      ...theme("spacing")
+    };
+  },
+  spacing: {
+    px: "1px",
+    0: "0px",
+    0.5: "0.125rem",
+    1: "0.25rem",
+    1.5: "0.375rem",
+    2: "0.5rem",
+    2.5: "0.625rem",
+    3: "0.75rem",
+    3.5: "0.875rem",
+    4: "1rem",
+    5: "1.25rem",
+    6: "1.5rem",
+    7: "1.75rem",
+    8: "2rem",
+    9: "2.25rem",
+    10: "2.5rem",
+    11: "2.75rem",
+    12: "3rem",
+    14: "3.5rem",
+    16: "4rem",
+    20: "5rem",
+    24: "6rem",
+    28: "7rem",
+    32: "8rem",
+    36: "9rem",
+    40: "10rem",
+    44: "11rem",
+    48: "12rem",
+    52: "13rem",
+    56: "14rem",
+    60: "15rem",
+    64: "16rem",
+    72: "18rem",
+    80: "20rem",
+    96: "24rem",
+    "screen-sm": "640px",
+    "screen-md": "768px",
+    "screen-lg": "1024px",
+    "screen-xl": "1280px",
+    "screen-2xl": "1536px",
+    custom: "custom_value"
+  },
+  stroke: _ref39 => {
+    let {
+      theme
+    } = _ref39;
+    return {
+      none: "none",
+      ...theme("colors")
+    };
+  },
+  strokeWidth: {
+    0: "0",
+    1: "1",
+    2: "2",
+    custom: "custom_value"
+  },
+  textColor: _ref40 => {
+    let {
+      theme
+    } = _ref40;
+    return theme("colors");
+  },
+  textDecorationColor: _ref41 => {
+    let {
+      theme
+    } = _ref41;
+    return theme("colors");
+  },
+  textDecorationThickness: {
+    auto: "auto",
+    "from-font": "from-font",
+    0: "0px",
+    1: "1px",
+    2: "2px",
+    4: "4px",
+    8: "8px",
+    custom: "custom_value"
+  },
+  textIndent: _ref42 => {
+    let {
+      theme
+    } = _ref42;
+    return {
+      ...theme("spacing")
+    };
+  },
+  textOpacity: _ref43 => {
+    let {
+      theme
+    } = _ref43;
+    return theme("opacity");
+  },
+  textShadowBlur: _ref44 => {
+    let {
+      theme
+    } = _ref44;
+    return theme("blur");
+  },
+  textShadowColor: _ref45 => {
+    let {
+      theme
+    } = _ref45;
+    return {
+      ...theme("colors"),
+      DEFAULT: "#e5e7eb"
+    };
+  },
+  textShadowOpacity: _ref46 => {
+    let {
+      theme
+    } = _ref46;
+    return theme("opacity");
+  },
+  textShadowX: {
+    0: "0px",
+    1: "1px",
+    2: "2px",
+    3: "3px",
+    4: "4px",
+    5: "5px",
+    6: "6px",
+    7: "7px",
+    8: "8px",
+    9: "9px",
+    10: "10px",
+    custom: "custom_value"
+  },
+  textShadowY: _ref47 => {
+    let {
+      theme
+    } = _ref47;
+    return theme("textShadowX");
+  },
+  textUnderlineOffset: {
+    auto: "auto",
+    0: "0px",
+    1: "1px",
+    2: "2px",
+    4: "4px",
+    8: "8px",
+    custom: "custom_value"
+  },
+  transformOrigin: {
+    center: "center",
+    top: "top",
+    "top-right": "top right",
+    right: "right",
+    "bottom-right": "bottom right",
+    bottom: "bottom",
+    "bottom-left": "bottom left",
+    left: "left",
+    "top-left": "top left"
+  },
+  translate: _ref48 => {
+    let {
+      theme
+    } = _ref48;
+    return {
+      ...theme("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      full: "100%"
+    };
+  },
+  size: _ref49 => {
+    let {
+      theme
+    } = _ref49;
+    return {
+      auto: "auto",
+      ...theme("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      "1/5": "20%",
+      "2/5": "40%",
+      "3/5": "60%",
+      "4/5": "80%",
+      "1/6": "16.666667%",
+      "2/6": "33.333333%",
+      "3/6": "50%",
+      "4/6": "66.666667%",
+      "5/6": "83.333333%",
+      "1/12": "8.333333%",
+      "2/12": "16.666667%",
+      "3/12": "25%",
+      "4/12": "33.333333%",
+      "5/12": "41.666667%",
+      "6/12": "50%",
+      "7/12": "58.333333%",
+      "8/12": "66.666667%",
+      "9/12": "75%",
+      "10/12": "83.333333%",
+      "11/12": "91.666667%",
+      full: "100%",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    };
+  },
+  width: _ref50 => {
+    let {
+      theme
+    } = _ref50;
+    return {
+      auto: "auto",
+      ...theme("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      "1/5": "20%",
+      "2/5": "40%",
+      "3/5": "60%",
+      "4/5": "80%",
+      "1/6": "16.666667%",
+      "2/6": "33.333333%",
+      "3/6": "50%",
+      "4/6": "66.666667%",
+      "5/6": "83.333333%",
+      "1/12": "8.333333%",
+      "2/12": "16.666667%",
+      "3/12": "25%",
+      "4/12": "33.333333%",
+      "5/12": "41.666667%",
+      "6/12": "50%",
+      "7/12": "58.333333%",
+      "8/12": "66.666667%",
+      "9/12": "75%",
+      "10/12": "83.333333%",
+      "11/12": "91.666667%",
+      full: "100%",
+      screen: "100vw",
+      svw: "100svw",
+      lvw: "100lvw",
+      dvw: "100dvw",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    };
+  },
+  willChange: {
+    auto: "auto",
+    scroll: "scroll-position",
+    contents: "contents",
+    transform: "transform"
+  },
+  zIndex: {
+    0: "0",
+    10: "10",
+    20: "20",
+    30: "30",
+    40: "40",
+    50: "50",
+    60: "60",
+    70: "70",
+    80: "80",
+    90: "90",
+    100: "100",
+    auto: "auto",
+    custom: "custom_value"
+  },
+  keyframes: {
+    spin: {
+      "0%": {
+        transform: "rotate(0deg)"
+      },
+      "100%": {
+        transform: "rotate(360deg)"
+      }
+    },
+    ping: {
+      "75%, 100%": {
+        transform: "scale(2)",
+        opacity: "0"
+      }
+    },
+    pulse: {
+      "50%": {
+        opacity: ".5"
+      }
+    },
+    bounce: {
+      "0%, 100%": {
+        transform: "translateY(-25%)",
+        animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
+      },
+      "50%": {
+        transform: "none",
+        animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
+      }
+    },
+    fadeIn: {
+      "0%": {
+        opacity: "0"
+      },
+      "50%": {
+        opacity: "1"
+      },
+      "100%": {
+        opacity: "0"
+      }
+    },
+    slideUp: {
+      "0%": {
+        transform: "translateY(20px)",
+        opacity: "0"
+      },
+      "50%": {
+        transform: "translateY(0)",
+        opacity: "1"
+      },
+      "100%": {
+        transform: "translateY(-20px)",
+        opacity: "0"
+      }
+    }
+  },
+  transitionProperty: {
+    none: "none",
+    all: "all",
+    DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+    colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
+    opacity: "opacity",
+    shadow: "box-shadow",
+    transform: "transform"
+  },
+  transitionTimingFunction: {
+    DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
+    linear: "linear",
+    in: "cubic-bezier(0.4, 0, 1, 1)",
+    out: "cubic-bezier(0, 0, 0.2, 1)",
+    "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+  },
+  transitionDuration: {
+    0: "0s",
+    75: "75ms",
+    100: "100ms",
+    150: "150ms",
+    200: "200ms",
+    300: "300ms",
+    500: "500ms",
+    700: "700ms",
+    1000: "1000ms"
+  },
+  transitionDelay: {
+    0: "0s",
+    75: "75ms",
+    100: "100ms",
+    150: "150ms",
+    200: "200ms",
+    300: "300ms",
+    500: "500ms",
+    700: "700ms",
+    1000: "1000ms"
+  }
+};
+
+const vars = {
+  transform: "transform: translateX(var(--transform-translate-x, 0)) translateY(var(--transform-translate-y, 0)) rotate(var(--transform-rotate, 0)) skewX(var(--transform-skew-x, 0)) skewY(var(--transform-skew-y, 0)) scaleX(var(--transform-scale-x, 1)) scaleY(var(--transform-scale-y, 1));",
+  filter: "filter: blur(var(--blur, 0)) brightness(var(--brightness, 1)) contrast(var(--contrast, 1)) grayscale(var(--grayscale, 0)) hue-rotate(var(--hue-rotate, 0deg)) invert(var(--invert, 0)) saturate(var(--saturate, 1)) sepia(var(--sepia, 0)) drop-shadow(var(--drop-shadow, 0 0 #0000));",
+  backdropFilter: "-webkit-backdrop-filter: blur(var(--backdrop-blur, 0)) brightness(var(--backdrop-brightness, 1)) contrast(var(--backdrop-contrast, 1)) grayscale(var(--backdrop-grayscale, 0)) hue-rotate(var(--backdrop-hue-rotate, 0deg)) invert(var(--backdrop-invert, 0)) opacity(var(--backdrop-opacity, 1)) saturate(var(--backdrop-saturate, 1)) sepia(var(--backdrop-sepia, 0)); backdrop-filter: blur(var(--backdrop-blur, 0)) brightness(var(--backdrop-brightness, 1)) contrast(var(--backdrop-contrast, 1)) grayscale(var(--backdrop-grayscale, 0)) hue-rotate(var(--backdrop-hue-rotate, 0deg)) invert(var(--backdrop-invert, 0)) opacity(var(--backdrop-opacity, 1)) saturate(var(--backdrop-saturate, 1)) sepia(var(--backdrop-sepia, 0));"
+};
+
+const configOptions = {
+  theme,
+  vars
+};
+
+/**
+ * User Configuration Management
+ * Handles theme extensions and custom plugin registration
+ */
+
+
+/**
+ * User configuration state
+ */
+let userConfig = {
+  theme: {
+    extend: {}
+  },
+  prefix: ""};
+
+// Cache for extended theme to avoid redundant lookups
+const extendedThemeCache = new Map();
+
+/**
+ * Get extended theme value
+ * @param {string} key - Theme key (e.g., 'colors', 'spacing')
+ * @returns {Object} Extended theme values
+ */
+function getExtendedTheme(key) {
+  // Check cache first
+  if (extendedThemeCache.has(key)) {
+    return extendedThemeCache.get(key);
+  }
+  const result = userConfig.theme.extend[key] || {};
+
+  // Cache the result
+  extendedThemeCache.set(key, result);
+  return result;
+}
+
+/**
+ * Get configured prefix
+ * @returns {string} Prefix string
+ */
+function getPrefix() {
+  return userConfig.prefix;
+}
+
+function isFunction(functionToCheck) {
+  return functionToCheck && {}.toString.call(functionToCheck) === "[object Function]";
+}
+function getConfigOptions() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    theme = {}
+  } = options;
+  const {
+    extend: themeExtend = {}
+  } = theme;
+  const newTheme = {};
+  const themeKeys = Object.keys(configOptions.theme);
+  themeKeys.forEach(key => {
+    newTheme[key] = theme[key] || configOptions.theme[key];
+    if (isFunction(newTheme[key])) {
+      newTheme[key] = newTheme[key]({
+        theme: keyRef => {
+          return configOptions.theme[keyRef];
+        }
+      });
+    }
+  });
+  themeKeys.forEach(key => {
+    if (isFunction(newTheme[key])) {
+      newTheme[key] = newTheme[key]({
+        theme: keyRef => {
+          return newTheme[keyRef];
+        }
+      });
+    }
+    if (themeExtend[key]) {
+      newTheme[key] = Object.assign({}, newTheme[key], themeExtend[key]);
+    }
+  });
+  themeKeys.forEach(key => {
+    const extended = getExtendedTheme(key);
+    if (extended && Object.keys(extended).length > 0) {
+      newTheme[key] = Object.assign({}, newTheme[key], extended);
+    }
+  });
+
+  // Re-resolve theme functions after all extensions are applied
+  // This ensures that theme functions like backgroundColor: ({ theme }) => theme("colors")
+  // get the updated colors including custom theme extensions
+  themeKeys.forEach(key => {
+    if (isFunction(configOptions.theme[key])) {
+      newTheme[key] = configOptions.theme[key]({
+        theme: keyRef => {
+          return newTheme[keyRef];
+        }
+      });
+    }
+  });
+
+  // Get user prefix
+  const userPrefix = getPrefix();
+  const finalPrefix = userPrefix || options.prefix || "";
+  return {
+    prefix: finalPrefix,
+    ...configOptions,
+    ...options,
+    theme: newTheme
+  };
+}
+function generateCssString() {
+  let getCssString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : () => {};
+  const orientationPrefix = "";
+  const hexToRgb = hex => {
+    const rgba = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function () {
+      return "#" + (arguments.length <= 1 ? undefined : arguments[1]) + (arguments.length <= 1 ? undefined : arguments[1]) + (arguments.length <= 2 ? undefined : arguments[2]) + (arguments.length <= 2 ? undefined : arguments[2]) + (arguments.length <= 3 ? undefined : arguments[3]) + (arguments.length <= 3 ? undefined : arguments[3]);
+    }).substring(1).match(/.{2}/g).map(x => parseInt(x, 16)).join(",");
+    if (rgba.indexOf("NaN") >= 0) return "";
+    return rgba;
+  };
+  const getCssByOptions = function () {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let getStr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
+    let nOptions = Object.assign({}, options);
+    if (Array.isArray(options)) {
+      nOptions = options.reduce((currentObj, value) => Object.assign({}, currentObj, {
+        [value]: value
+      }), {});
+    }
+    let str = "";
+    Object.entries(nOptions).forEach(_ref => {
+      let [key, value] = _ref;
+      str += getStr(key.replace("/", "\\/").replace(".", "\\."), value);
+    });
+    return str;
+  };
+  const getCssByColors = function (colors) {
+    let getStr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
+    let str = "";
+    Object.entries(colors).forEach(_ref2 => {
+      let [key1, value1] = _ref2;
+      if (typeof value1 === "string") {
+        str += `${getStr(key1, value1, hexToRgb(value1))} `;
+      } else if (typeof value1 === "object") {
+        Object.entries(value1).forEach(_ref3 => {
+          let [key2, value2] = _ref3;
+          str += `${getStr(`${key1}-${key2}`, value2, hexToRgb(value2))} `;
+        });
+      }
+    });
+    return str;
+  };
+  const isValidCssColor = value => {
+    if (typeof value !== "string") return false;
+    const hexColor = /^#(?:[0-9a-fA-F]{3}){1,2}$/;
+    const rgbColor = /^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/;
+    const rgbaColor = /^rgba\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*,\s*(0|1|0?\.\d+)\s*\)$/;
+    const hslColor = /^hsl\(\s*\d+\s*,\s*\d+%\s*,\s*\d+%\s*\)$/;
+    const hslaColor = /^hsla\(\s*\d+\s*,\s*\d+%\s*,\s*\d+%\s*,\s*(0|1|0?\.\d+)\s*\)$/;
+    return [hexColor.test(value), rgbColor.test(value), rgbaColor.test(value), hslColor.test(value), hslaColor.test(value)].includes(true);
+  };
+  const cssString = getCssString({
+    orientationPrefix,
+    getCssByOptions,
+    getCssByColors,
+    isValidCssColor
+  });
+  return cssString;
+}
+
+export { generateCssString, getConfigOptions };
+//# sourceMappingURL=index.esm.js.map