tailwind-to-style 2.10.1 → 2.10.2

package/dist/react.cjs.js

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v2.10.0-beta.1
+ * tailwind-to-style v2.10.2
  * Convert tailwind classes to inline style
  * 
  * @author Bigetion
@@ -2048,7 +2048,7 @@ function generateCssString$1() {
   return cssString;
 }
 
-function generator$2w() {
+function generator$2M() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2087,7 +2087,7 @@ function generator$2w() {
   return responsiveCssString;
 }
 
-function generator$2v() {
+function generator$2L() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -2126,7 +2126,7 @@ function generator$2v() {
   return responsiveCssString;
 }
 
-function generator$2u() {
+function generator$2K() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2154,7 +2154,7 @@ function generator$2u() {
   return responsiveCssString;
 }
 
-function generator$2t() {
+function generator$2J() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2181,7 +2181,7 @@ function generator$2t() {
   return responsiveCssString;
 }
 
-function generator$2s() {
+function generator$2I() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2311,7 +2311,7 @@ const INLINE_ANIMATIONS = {
  * Animation Generator
  * Generates animation utility classes with dynamic inline animations
  */
-function generator$2r() {
+function generator$2H() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2381,7 +2381,7 @@ function generator$2r() {
   return responsiveCssString;
 }
 
-function generator$2q() {
+function generator$2G() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -2401,7 +2401,7 @@ function generator$2q() {
   return responsiveCssString;
 }
 
-function generator$2p() {
+function generator$2F() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2430,7 +2430,7 @@ function generator$2p() {
   return responsiveCssString;
 }
 
-function generator$2o() {
+function generator$2E() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2451,7 +2451,7 @@ function generator$2o() {
   return responsiveCssString;
 }
 
-function generator$2n() {
+function generator$2D() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2478,7 +2478,7 @@ function generator$2n() {
   return responsiveCssString;
 }
 
-function generator$2m() {
+function generator$2C() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2518,7 +2518,7 @@ function generator$2m() {
   return responsiveCssString;
 }
 
-function generator$2l() {
+function generator$2B() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2552,7 +2552,7 @@ function generator$2l() {
   return responsiveCssString;
 }
 
-function generator$2k() {
+function generator$2A() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2576,7 +2576,7 @@ function generator$2k() {
   return responsiveCssString;
 }
 
-function generator$2j() {
+function generator$2z() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2602,7 +2602,7 @@ function generator$2j() {
   return responsiveCssString;
 }
 
-function generator$2i() {
+function generator$2y() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2636,7 +2636,7 @@ function generator$2i() {
   return responsiveCssString;
 }
 
-function generator$2h() {
+function generator$2x() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2664,7 +2664,7 @@ function generator$2h() {
   return responsiveCssString;
 }
 
-function generator$2g() {
+function generator$2w() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2698,7 +2698,288 @@ function generator$2g() {
   return responsiveCssString;
 }
 
-function generator$2f() {
+function generator$2v() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {},
+    vars = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}backdrop-blur`;
+  const {
+    backdropBlur = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(backdropBlur, (keyTmp, value) => {
+      const key = keyTmp.toLowerCase() !== "default" ? `-${keyTmp}` : "";
+      return `
+        ${prefix}${key} {
+          --tw-backdrop-blur: blur(${value});
+          ${vars.backdropFilter}
+        }
+      `;
+    });
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$2u() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {},
+    vars = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}backdrop-brightness`;
+  const {
+    backdropBrightness = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(backdropBrightness, (keyTmp, value) => {
+      const key = keyTmp.toLowerCase() !== "default" ? `-${keyTmp}` : "";
+      return `
+        ${prefix}${key} {
+          --tw-backdrop-brightness: brightness(${value});
+          ${vars.backdropFilter}
+        }
+      `;
+    });
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$2t() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {},
+    vars = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}backdrop-contrast`;
+  const {
+    backdropContrast = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(backdropContrast, (keyTmp, value) => {
+      const key = keyTmp.toLowerCase() !== "default" ? `-${keyTmp}` : "";
+      return `
+        ${prefix}${key} {
+          --tw-backdrop-contrast: contrast(${value});
+          ${vars.backdropFilter}
+        }
+      `;
+    });
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$2s() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix,
+    vars = {}
+  } = configOptions;
+  const responsiveCssString = generateCssString$1(() => {
+    const cssString = `
+      ${prefix}backdrop-filter {
+        ${vars.backdropFilter}
+      }
+      ${prefix}backdrop-filter-none {
+        backdrop-filter: none;
+      }
+    `;
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$2r() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {},
+    vars = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}backdrop-grayscale`;
+  const {
+    backdropGrayscale = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(backdropGrayscale, (keyTmp, value) => {
+      const key = keyTmp.toLowerCase() !== "default" ? `-${keyTmp}` : "";
+      return `
+        ${prefix}${key} {
+          --tw-backdrop-grayscale: grayscale(${value});
+          ${vars.backdropFilter}
+        }
+      `;
+    });
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$2q() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {},
+    vars = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}backdrop-hue-rotate`;
+  const {
+    backdropHueRotate = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(backdropHueRotate, (keyTmp, value) => {
+      const key = keyTmp.toLowerCase() !== "default" ? `-${keyTmp}` : "";
+      return `
+        ${prefix}${key} {
+          --tw-backdrop-hue-rotate: hue-rotate(${value});
+          ${vars.backdropFilter}
+        }
+      `;
+    });
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$2p() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {},
+    vars = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}backdrop-invert`;
+  const {
+    backdropInvert = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(backdropInvert, (keyTmp, value) => {
+      const key = keyTmp.toLowerCase() !== "default" ? `-${keyTmp}` : "";
+      return `
+        ${prefix}${key} {
+          --tw-backdrop-invert: invert(${value});
+          ${vars.backdropFilter}
+        }
+      `;
+    });
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$2o() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {},
+    vars = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}backdrop-opacity`;
+  const {
+    backdropOpacity = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(backdropOpacity, (keyTmp, value) => {
+      const key = keyTmp.toLowerCase() !== "default" ? `-${keyTmp}` : "";
+      return `
+        ${prefix}${key} {
+          --tw-backdrop-opacity: opacity(${value});
+          ${vars.backdropFilter}
+        }
+      `;
+    });
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$2n() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {},
+    vars = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}backdrop-saturate`;
+  const {
+    backdropSaturate = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(backdropSaturate, (keyTmp, value) => {
+      const key = keyTmp.toLowerCase() !== "default" ? `-${keyTmp}` : "";
+      return `
+        ${prefix}${key} {
+          --tw-backdrop-saturate: saturate(${value});
+          ${vars.backdropFilter}
+        }
+      `;
+    });
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$2m() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {},
+    vars = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}backdrop-sepia`;
+  const {
+    backdropSepia = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(backdropSepia, (keyTmp, value) => {
+      const key = keyTmp.toLowerCase() !== "default" ? `-${keyTmp}` : "";
+      return `
+        ${prefix}${key} {
+          --tw-backdrop-sepia: sepia(${value});
+          ${vars.backdropFilter}
+        }
+      `;
+    });
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$2l() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2732,7 +3013,7 @@ function generator$2f() {
   return responsiveCssString;
 }
 
-function generator$2e() {
+function generator$2k() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2753,7 +3034,7 @@ function generator$2e() {
   return responsiveCssString;
 }
 
-function generator$2d() {
+function generator$2j() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2841,7 +3122,7 @@ function generator$2d() {
   return responsiveCssString;
 }
 
-function generator$2c() {
+function generator$2i() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2865,7 +3146,7 @@ function generator$2c() {
   return responsiveCssString;
 }
 
-function generator$2b() {
+function generator$2h() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2940,7 +3221,7 @@ function generator$2b() {
   return responsiveCssString;
 }
 
-function generator$2a() {
+function generator$2g() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2975,7 +3256,7 @@ function generator$2a() {
   return responsiveCssString;
 }
 
-function generator$29() {
+function generator$2f() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2996,7 +3277,7 @@ function generator$29() {
   return responsiveCssString;
 }
 
-function generator$28() {
+function generator$2e() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3061,7 +3342,7 @@ function generator$28() {
   return responsiveCssString;
 }
 
-function generator$27() {
+function generator$2d() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3083,7 +3364,7 @@ function generator$27() {
   return responsiveCssString;
 }
 
-function generator$26() {
+function generator$2c() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3137,7 +3418,7 @@ function generator$26() {
   return responsiveCssString;
 }
 
-function generator$25() {
+function generator$2b() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3161,7 +3442,67 @@ function generator$25() {
   return responsiveCssString;
 }
 
-function generator$24() {
+function generator$2a() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix
+  } = configOptions;
+  const propertyOptions = ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"];
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(propertyOptions, (key, value) => `
+        ${prefix}break-after-${key} {
+          break-after: ${value};
+        }
+      `);
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$29() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix
+  } = configOptions;
+  const propertyOptions = ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"];
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(propertyOptions, (key, value) => `
+        ${prefix}break-before-${key} {
+          break-before: ${value};
+        }
+      `);
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$28() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix
+  } = configOptions;
+  const propertyOptions = ["auto", "avoid", "avoid-page", "avoid-column"];
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(propertyOptions, (key, value) => `
+        ${prefix}break-inside-${key} {
+          break-inside: ${value};
+        }
+      `);
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$27() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3195,7 +3536,7 @@ function generator$24() {
   return responsiveCssString;
 }
 
-function generator$23() {
+function generator$26() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3216,7 +3557,7 @@ function generator$23() {
   return responsiveCssString;
 }
 
-function generator$22() {
+function generator$25() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3255,7 +3596,7 @@ function generator$22() {
   return responsiveCssString;
 }
 
-function generator$21() {
+function generator$24() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3276,7 +3617,46 @@ function generator$21() {
   return responsiveCssString;
 }
 
-function generator$20() {
+function generator$23() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix,
+    theme = {}
+  } = configOptions;
+  const {
+    columns = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    const cssString = getCssByOptions(columns, (key, value) => `
+        ${prefix}columns-${key} {
+          columns: ${value};
+        }
+      `);
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$22() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix
+  } = configOptions;
+  const responsiveCssString = generateCssString$1(() => {
+    const cssString = `
+      ${prefix}container {
+        width: 100%;
+      }
+    `;
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$21() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3300,7 +3680,7 @@ function generator$20() {
   return responsiveCssString;
 }
 
-function generator$1$() {
+function generator$20() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3334,7 +3714,7 @@ function generator$1$() {
   return responsiveCssString;
 }
 
-function generator$1_() {
+function generator$1$() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3355,7 +3735,7 @@ function generator$1_() {
   return responsiveCssString;
 }
 
-function generator$1Z() {
+function generator$1_() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3375,7 +3755,7 @@ function generator$1Z() {
   return responsiveCssString;
 }
 
-function generator$1Y() {
+function generator$1Z() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3406,7 +3786,7 @@ function generator$1Y() {
   return responsiveCssString;
 }
 
-function generator$1X() {
+function generator$1Y() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3430,7 +3810,7 @@ function generator$1X() {
   return responsiveCssString;
 }
 
-function generator$1W() {
+function generator$1X() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3451,7 +3831,7 @@ function generator$1W() {
   return responsiveCssString;
 }
 
-function generator$1V() {
+function generator$1W() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3499,7 +3879,7 @@ function generator$1V() {
   return responsiveCssString;
 }
 
-function generator$1U() {
+function generator$1V() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3527,7 +3907,7 @@ function generator$1U() {
   return responsiveCssString;
 }
 
-function generator$1T() {
+function generator$1U() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3553,7 +3933,7 @@ function generator$1T() {
   return responsiveCssString;
 }
 
-function generator$1S(_ref) {
+function generator$1T(_ref) {
   let {
     prefix
   } = _ref;
@@ -3566,7 +3946,7 @@ function generator$1S(_ref) {
 `;
 }
 
-function generator$1R() {
+function generator$1S() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3590,7 +3970,7 @@ function generator$1R() {
   return responsiveCssString;
 }
 
-function generator$1Q() {
+function generator$1R() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3614,7 +3994,7 @@ function generator$1Q() {
   return responsiveCssString;
 }
 
-function generator$1P() {
+function generator$1Q() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3640,7 +4020,7 @@ function generator$1P() {
   return responsiveCssString;
 }
 
-function generator$1O() {
+function generator$1P() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3664,7 +4044,7 @@ function generator$1O() {
   return responsiveCssString;
 }
 
-function generator$1N() {
+function generator$1O() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3688,7 +4068,7 @@ function generator$1N() {
   return responsiveCssString;
 }
 
-function generator$1M() {
+function generator$1N() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3714,7 +4094,7 @@ function generator$1M() {
   return responsiveCssString;
 }
 
-function generator$1L() {
+function generator$1M() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3735,7 +4115,7 @@ function generator$1L() {
   return responsiveCssString;
 }
 
-function generator$1K() {
+function generator$1L() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3769,7 +4149,7 @@ function generator$1K() {
   return responsiveCssString;
 }
 
-function generator$1J() {
+function generator$1K() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3789,7 +4169,7 @@ function generator$1J() {
   return responsiveCssString;
 }
 
-function generator$1I() {
+function generator$1J() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3812,7 +4192,7 @@ function generator$1I() {
   return responsiveCssString;
 }
 
-function generator$1H() {
+function generator$1I() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3842,7 +4222,7 @@ function generator$1H() {
   return responsiveCssString;
 }
 
-function generator$1G() {
+function generator$1H() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3876,7 +4256,7 @@ function generator$1G() {
   return responsiveCssString;
 }
 
-function generator$1F() {
+function generator$1G() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3906,7 +4286,7 @@ function generator$1F() {
   return responsiveCssString;
 }
 
-function generator$1E() {
+function generator$1F() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix,
@@ -3945,7 +4325,7 @@ function generator$1E() {
   return responsiveCssString;
 }
 
-function generator$1D() {
+function generator$1E() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3979,7 +4359,7 @@ function generator$1D() {
   return responsiveCssString;
 }
 
-function generator$1C() {
+function generator$1D() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4003,7 +4383,7 @@ function generator$1C() {
   return responsiveCssString;
 }
 
-function generator$1B() {
+function generator$1C() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4029,7 +4409,7 @@ function generator$1B() {
   return responsiveCssString;
 }
 
-function generator$1A() {
+function generator$1B() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4053,7 +4433,7 @@ function generator$1A() {
   return responsiveCssString;
 }
 
-function generator$1z() {
+function generator$1A() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4077,7 +4457,7 @@ function generator$1z() {
   return responsiveCssString;
 }
 
-function generator$1y() {
+function generator$1z() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4101,7 +4481,7 @@ function generator$1y() {
   return responsiveCssString;
 }
 
-function generator$1x() {
+function generator$1y() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4125,7 +4505,7 @@ function generator$1x() {
   return responsiveCssString;
 }
 
-function generator$1w() {
+function generator$1x() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4149,7 +4529,7 @@ function generator$1w() {
   return responsiveCssString;
 }
 
-function generator$1v() {
+function generator$1w() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4173,7 +4553,7 @@ function generator$1v() {
   return responsiveCssString;
 }
 
-function generator$1u() {
+function generator$1v() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4197,7 +4577,7 @@ function generator$1u() {
   return responsiveCssString;
 }
 
-function generator$1t() {
+function generator$1u() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4221,7 +4601,7 @@ function generator$1t() {
   return responsiveCssString;
 }
 
-function generator$1s() {
+function generator$1t() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4245,7 +4625,7 @@ function generator$1s() {
   return responsiveCssString;
 }
 
-function generator$1r() {
+function generator$1s() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4269,7 +4649,7 @@ function generator$1r() {
   return responsiveCssString;
 }
 
-function generator$1q() {
+function generator$1r() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4307,7 +4687,7 @@ function generator$1q() {
   return responsiveCssString;
 }
 
-function generator$1p() {
+function generator$1q() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4329,7 +4709,7 @@ function generator$1p() {
   return responsiveCssString;
 }
 
-function generator$1o() {
+function generator$1p() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4387,7 +4767,7 @@ function generator$1o() {
   return responsiveCssString;
 }
 
-function generator$1n() {
+function generator$1o() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4421,7 +4801,7 @@ function generator$1n() {
   return responsiveCssString;
 }
 
-function generator$1m() {
+function generator$1n() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4445,7 +4825,7 @@ function generator$1m() {
   return responsiveCssString;
 }
 
-function generator$1l() {
+function generator$1m() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4473,7 +4853,7 @@ function generator$1l() {
   return responsiveCssString;
 }
 
-function generator$1k() {
+function generator$1l() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4494,7 +4874,7 @@ function generator$1k() {
   return responsiveCssString;
 }
 
-function generator$1j() {
+function generator$1k() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4515,7 +4895,7 @@ function generator$1j() {
   return responsiveCssString;
 }
 
-function generator$1i() {
+function generator$1j() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4539,7 +4919,7 @@ function generator$1i() {
   return responsiveCssString;
 }
 
-function generator$1h() {
+function generator$1i() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4566,7 +4946,7 @@ function generator$1h() {
   return responsiveCssString;
 }
 
-function generator$1g() {
+function generator$1h() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4590,6 +4970,22 @@ function generator$1g() {
   return responsiveCssString;
 }
 
+function generator$1g() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix
+  } = configOptions;
+  const responsiveCssString = generateCssString$1(() => {
+    const cssString = `
+      ${prefix}list-image-none {
+        list-style-image: none;
+      }
+    `;
+    return cssString;
+  }, configOptions);
+  return responsiveCssString;
+}
+
 function generator$1f() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
@@ -7202,87 +7598,103 @@ const patterns = {
 };
 
 const plugins = {
-  accentColor: generator$2w,
-  accessibility: generator$2v,
-  alignContent: generator$2u,
-  alignItems: generator$2t,
-  alignSelf: generator$2s,
-  animation: generator$2r,
-  appearance: generator$2q,
-  aspect: generator$2p,
-  backgroundAttachment: generator$2o,
-  backgroundClip: generator$2n,
-  backgroundColor: generator$2m,
-  backgroundImage: generator$2l,
-  backgroundOpacity: generator$2k,
-  backgroundOrigin: generator$2j,
-  backgroundPosition: generator$2i,
-  backgroundRepeat: generator$2h,
-  backgroundSize: generator$2g,
-  blur: generator$2f,
-  borderCollapse: generator$2e,
-  borderColor: generator$2d,
-  borderOpacity: generator$2c,
-  borderRadius: generator$2b,
-  borderSpacing: generator$2a,
-  borderStyle: generator$29,
-  borderWidth: generator$28,
-  boxDecorationBreak: generator$27,
-  boxShadow: generator$26,
-  boxSizing: generator$25,
-  brightness: generator$24,
-  captionSide: generator$23,
-  caretColor: generator$22,
-  clear: generator$21,
-  content: generator$20,
-  contrast: generator$1$,
-  cursor: generator$1_,
-  display: generator$1Z,
-  divideColor: generator$1Y,
-  divideOpacity: generator$1X,
-  divideStyle: generator$1W,
-  divideWidth: generator$1V,
-  dropShadow: generator$1U,
-  fill: generator$1T,
-  filter: generator$1S,
-  flex: generator$1R,
-  flexBasis: generator$1Q,
-  flexDirection: generator$1P,
-  flexGrow: generator$1O,
-  flexShrink: generator$1N,
-  flexWrap: generator$1M,
-  float: generator$1L,
-  fontSize: generator$1K,
-  fontSmoothing: generator$1J,
-  fontStyle: generator$1I,
-  fontVariantNumeric: generator$1H,
-  fontWeight: generator$1G,
-  gap: generator$1F,
-  gradientColorStops: generator$1E,
-  grayscale: generator$1D,
-  gridAutoColumns: generator$1C,
-  gridAutoFlow: generator$1B,
-  gridAutoRows: generator$1A,
-  gridColumn: generator$1z,
-  gridColumnEnd: generator$1y,
-  gridColumnStart: generator$1x,
-  gridRow: generator$1w,
-  gridRowEnd: generator$1v,
-  gridRowStart: generator$1u,
-  gridTemplateColumns: generator$1t,
-  gridTemplateRows: generator$1s,
-  height: generator$1r,
-  hueRotate: generator$1q,
-  hyphens: generator$1p,
-  inset: generator$1o,
-  invert: generator$1n,
-  isolation: generator$1m,
-  justifyContent: generator$1l,
-  justifyItems: generator$1k,
-  justifySelf: generator$1j,
-  letterSpacing: generator$1i,
-  lineClamp: generator$1h,
-  lineHeight: generator$1g,
+  accentColor: generator$2M,
+  accessibility: generator$2L,
+  alignContent: generator$2K,
+  alignItems: generator$2J,
+  alignSelf: generator$2I,
+  animation: generator$2H,
+  appearance: generator$2G,
+  aspect: generator$2F,
+  backgroundAttachment: generator$2E,
+  backgroundClip: generator$2D,
+  backgroundColor: generator$2C,
+  backgroundImage: generator$2B,
+  backgroundOpacity: generator$2A,
+  backgroundOrigin: generator$2z,
+  backgroundPosition: generator$2y,
+  backgroundRepeat: generator$2x,
+  backgroundSize: generator$2w,
+  backdropBlur: generator$2v,
+  backdropBrightness: generator$2u,
+  backdropContrast: generator$2t,
+  backdropFilter: generator$2s,
+  backdropGrayscale: generator$2r,
+  backdropHueRotate: generator$2q,
+  backdropInvert: generator$2p,
+  backdropOpacity: generator$2o,
+  backdropSaturate: generator$2n,
+  backdropSepia: generator$2m,
+  blur: generator$2l,
+  borderCollapse: generator$2k,
+  borderColor: generator$2j,
+  borderOpacity: generator$2i,
+  borderRadius: generator$2h,
+  borderSpacing: generator$2g,
+  borderStyle: generator$2f,
+  borderWidth: generator$2e,
+  boxDecorationBreak: generator$2d,
+  boxShadow: generator$2c,
+  boxSizing: generator$2b,
+  breakAfter: generator$2a,
+  breakBefore: generator$29,
+  breakInside: generator$28,
+  brightness: generator$27,
+  captionSide: generator$26,
+  caretColor: generator$25,
+  clear: generator$24,
+  columns: generator$23,
+  container: generator$22,
+  content: generator$21,
+  contrast: generator$20,
+  cursor: generator$1$,
+  display: generator$1_,
+  divideColor: generator$1Z,
+  divideOpacity: generator$1Y,
+  divideStyle: generator$1X,
+  divideWidth: generator$1W,
+  dropShadow: generator$1V,
+  fill: generator$1U,
+  filter: generator$1T,
+  flex: generator$1S,
+  flexBasis: generator$1R,
+  flexDirection: generator$1Q,
+  flexGrow: generator$1P,
+  flexShrink: generator$1O,
+  flexWrap: generator$1N,
+  float: generator$1M,
+  fontSize: generator$1L,
+  fontSmoothing: generator$1K,
+  fontStyle: generator$1J,
+  fontVariantNumeric: generator$1I,
+  fontWeight: generator$1H,
+  gap: generator$1G,
+  gradientColorStops: generator$1F,
+  grayscale: generator$1E,
+  gridAutoColumns: generator$1D,
+  gridAutoFlow: generator$1C,
+  gridAutoRows: generator$1B,
+  gridColumn: generator$1A,
+  gridColumnEnd: generator$1z,
+  gridColumnStart: generator$1y,
+  gridRow: generator$1x,
+  gridRowEnd: generator$1w,
+  gridRowStart: generator$1v,
+  gridTemplateColumns: generator$1u,
+  gridTemplateRows: generator$1t,
+  height: generator$1s,
+  hueRotate: generator$1r,
+  hyphens: generator$1q,
+  inset: generator$1p,
+  invert: generator$1o,
+  isolation: generator$1n,
+  justifyContent: generator$1m,
+  justifyItems: generator$1l,
+  justifySelf: generator$1k,
+  letterSpacing: generator$1j,
+  lineClamp: generator$1i,
+  lineHeight: generator$1h,
+  listStyleImage: generator$1g,
   listStylePosition: generator$1f,
   listStyleType: generator$1e,
   margin: generator$1d,
@@ -7380,10 +7792,10 @@ function parseCustomClassWithPatterns(className) {
   return null;
 }
 
-/**
- * Resolve all CSS custom properties (var) in a CSS string and output only clear CSS (no custom property)
- * @param {string} cssString
- * @returns {string} e.g. 'color: rgba(255,255,255,1); background: #fff;'
+/**
+ * Resolve all CSS custom properties (var) in a CSS string and output only clear CSS (no custom property)
+ * @param {string} cssString
+ * @returns {string} e.g. 'color: rgba(255,255,255,1); background: #fff;'
  */
 function resolveCssToClearCss(cssString) {
   const customVars = {};
@@ -7647,11 +8059,11 @@ function separateAndResolveCSS(arr) {
   }
 }
 
-/**
- * Process opacity modifier from class name (e.g., text-red-500/50 -> 50% opacity)
- * @param {string} className - Class name with potential opacity modifier
- * @param {string} cssDeclaration - CSS declaration to modify
- * @returns {string} Modified CSS declaration with opacity applied
+/**
+ * Process opacity modifier from class name (e.g., text-red-500/50 -> 50% opacity)
+ * @param {string} className - Class name with potential opacity modifier
+ * @param {string} cssDeclaration - CSS declaration to modify
+ * @returns {string} Modified CSS declaration with opacity applied
  */
 function processOpacityModifier(className, cssDeclaration) {
   const opacityMatch = className.match(/\/(\d+)$/);
@@ -7712,11 +8124,11 @@ function processOpacityModifier(className, cssDeclaration) {
   return modifiedDeclaration;
 }
 
-/**
- * Convert Tailwind class string to inline CSS styles or JSON object
- * @param {string} classNames - String containing Tailwind classes to convert
- * @param {boolean} convertToJson - If true, result will be JSON object, if false becomes CSS string
- * @returns {string|Object} Inline CSS string or style JSON object
+/**
+ * Convert Tailwind class string to inline CSS styles or JSON object
+ * @param {string} classNames - String containing Tailwind classes to convert
+ * @param {boolean} convertToJson - If true, result will be JSON object, if false becomes CSS string
+ * @returns {string|Object} Inline CSS string or style JSON object
  */
 function tws(classNames, convertToJson) {
   const totalMarker = performanceMonitor.start("tws:total");
@@ -8160,12 +8572,12 @@ function generateCssString(styles) {
   return cssString.trim();
 }
 
-/**
- * Generate CSS string from style object with SCSS-like syntax
- * Supports nested selectors, state variants, responsive variants, and @css directives
- * @param {Object} obj - Object with SCSS-like style format
- * @param {Object} [options] - Additional options, e.g. { inject: true/false }
- * @returns {string} Generated CSS string
+/**
+ * Generate CSS string from style object with SCSS-like syntax
+ * Supports nested selectors, state variants, responsive variants, and @css directives
+ * @param {Object} obj - Object with SCSS-like style format
+ * @param {Object} [options] - Additional options, e.g. { inject: true/false }
+ * @returns {string} Generated CSS string
  */
 function twsx(obj) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -8319,7 +8731,7 @@ function autoInjectCss(cssString) {
  * @param {Object|string} styles - TWSX style object or class string
  * @param {Object} options - TWSX options (inject: true by default)
  * @returns {string} Generated CSS string
- * 
+ *
  * Examples:
  * - Auto-inject CSS: useTwsx({ '.card': 'bg-white p-4' })
  * - Get CSS only: useTwsx({ '.card': 'bg-white p-4' }, { inject: false })