tailwind-clamp 4.3.0 → 4.3.1

package/README.md

@@ -10,6 +10,8 @@ Leverage the the CSS `clamp` function in your [Tailwind CSS](https://tailwindcss
 - Supports `text` values with multiple properties (`fontSize`, `lineHeight`, `letterSpacing`). If `lineHeight` is definded as a unitless number or a `calc()` function, the resulting value is calculated and converted to the `fontSize` unit.
 - Supports using Tailwind CSS theme values, arbitrary values or a combination.
 - Supports container queries.
+- Supports CSS custom properties (`--*`) as the target property, to store `clamp()` values in variables for reuse.
+- Supports defining clamped theme variables via `@theme { --clamp-*: start, end; }`.
 
 ## Requirements
 
@@ -97,7 +99,8 @@ You can use CSS custom properties (`--*`) as the target property to store a `cla
 clamp-[--variable-name,start,end]
 ```
 
-Only explicit CSS lengths (`px`, `rem`, `em`) are accepted as values — theme tokens and unitless numbers are not supported for custom properties.
+> [!NOTE]
+> Only explicit CSS lengths (`px`, `rem`, `em`) are accepted as values — theme tokens and unitless numbers are not supported for custom properties.
 
 #### Example
 
@@ -164,7 +167,8 @@ Or in custom CSS:
 }
 ```
 
-Only explicit CSS lengths (`px`, `rem`, `em`) are accepted — unitless numbers and theme tokens are not supported in theme variable definitions.
+> [!NOTE]
+> Only explicit CSS lengths (`px`, `rem`, `em`) are accepted — unitless numbers and theme tokens are not supported in theme variable definitions.
 
 ## Supported properties
 

package/dist/index.js

@@ -2214,6 +2214,7 @@ const or = (t) => /^-?\d*\.?\d+(px|rem|em)$/.test(t.trim()) || t.trim() === "0",
   return function({ matchUtilities: n, addBase: r, theme: o, config: i }) {
     const s = o("clamp") || {}, u = {}, c = {};
     for (const [p, l] of Object.entries(s)) {
+      if (typeof l != "string") continue;
       const v = l.split(",")[0];
       or(v) ? c[p] = l : u[p] = l;
     }
@@ -2301,7 +2302,11 @@ const or = (t) => /^-?\d*\.?\d+(px|rem|em)$/.test(t.trim()) || t.trim() === "0",
               }
             }), fe;
           }
-          let Oe = L(x && ((Ge = i().theme[x]) == null ? void 0 : Ge[l[1]]) || l[1]), Te = L(x && ((Je = i().theme[x]) == null ? void 0 : Je[l[2]]) || l[2]);
+          let Oe = L(
+            x && ((Ge = i().theme[x]) == null ? void 0 : Ge[l[1]]) || l[1]
+          ), Te = L(
+            x && ((Je = i().theme[x]) == null ? void 0 : Je[l[2]]) || l[2]
+          );
           if (ye === "spacing") {
             const S = L(
               typeof o("spacing") == "string" ? o("spacing") : o("spacing.1")