tailwind-to-style 3.2.2 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/README.md +221 -666
  2. package/dist/animations/index.cjs +9391 -0
  3. package/dist/animations/index.d.ts +58 -0
  4. package/dist/animations/index.esm.js +9385 -0
  5. package/dist/animations/index.esm.js.map +1 -0
  6. package/dist/className/index.cjs +9080 -0
  7. package/dist/className/index.esm.js +9075 -0
  8. package/dist/className/index.esm.js.map +1 -0
  9. package/dist/core/tws.cjs +136 -114
  10. package/dist/core/tws.cjs.map +1 -0
  11. package/dist/core/tws.esm.js +136 -114
  12. package/dist/core/tws.esm.js.map +1 -1
  13. package/dist/core/twsx.cjs +2442 -4245
  14. package/dist/core/twsx.esm.js +2442 -4245
  15. package/dist/core/twsx.esm.js.map +1 -1
  16. package/dist/core/twsxVariants.cjs +2470 -4262
  17. package/dist/core/twsxVariants.esm.js +2470 -4262
  18. package/dist/core/twsxVariants.esm.js.map +1 -1
  19. package/dist/cx.cjs +2 -2
  20. package/dist/cx.cjs.map +1 -0
  21. package/dist/cx.esm.js +2 -2
  22. package/dist/index.cjs +5128 -6057
  23. package/dist/index.cjs.map +1 -0
  24. package/dist/index.d.ts +993 -1
  25. package/dist/index.esm.js +5124 -6022
  26. package/dist/index.esm.js.map +1 -1
  27. package/dist/index.min.js +1 -1
  28. package/dist/index.min.js.map +1 -1
  29. package/dist/react/index.cjs +10177 -0
  30. package/dist/react/index.cjs.map +1 -0
  31. package/dist/react/index.d.ts +69 -0
  32. package/dist/react/index.esm.js +10173 -0
  33. package/dist/react/index.esm.js.map +1 -0
  34. package/dist/styled/index.cjs +9094 -0
  35. package/dist/styled/index.cjs.map +1 -0
  36. package/dist/styled/index.d.ts +17 -0
  37. package/dist/styled/index.esm.js +9087 -0
  38. package/dist/styled/index.esm.js.map +1 -0
  39. package/dist/tokens/index.cjs +359 -0
  40. package/dist/tokens/index.d.ts +33 -0
  41. package/dist/tokens/index.esm.js +355 -0
  42. package/dist/tokens/index.esm.js.map +1 -0
  43. package/dist/utils/index.cjs +313 -297
  44. package/dist/utils/index.esm.js +313 -297
  45. package/dist/utils/index.esm.js.map +1 -1
  46. package/package.json +38 -24
  47. package/types/animations/index.d.ts +58 -0
  48. package/types/className/index.d.ts +41 -0
  49. package/types/index.d.ts +993 -1
  50. package/types/react/index.d.ts +69 -0
  51. package/types/tokens/index.d.ts +33 -0
  52. package/types/v4.d.ts +191 -0
package/dist/cx.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
- * tailwind-to-style v3.2.2
3
- * Runtime Tailwind CSS to inline styles converter
2
+ * tailwind-to-style v4.0.0
3
+ * Zero-build runtime Tailwind CSS engine
4
4
  *
5
5
  * @author Bigetion
6
6
  * @license MIT
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cx.cjs","sources":["../src/cx.js"],"sourcesContent":["/**\n * CX - Conditional Class Name Builder\n * \n * A lightweight utility for conditionally joining Tailwind class names.\n * Similar to `clsx`/`classnames` but designed specifically for tailwind-to-style.\n * \n * @module cx\n */\n\n/**\n * Conditionally join class names into a single string.\n * \n * Accepts strings, objects (key=className, value=condition), arrays, and nested combinations.\n * Falsy values (null, undefined, false, 0, '') are ignored.\n * \n * @param {...(string|Object|Array|boolean|null|undefined)} args - Class name inputs\n * @returns {string} Joined class names string\n * \n * @example\n * // Strings\n * cx('bg-blue-500', 'text-white')\n * // → 'bg-blue-500 text-white'\n * \n * @example\n * // Conditionals\n * cx('p-4', isActive && 'bg-blue-500', isDisabled && 'opacity-50')\n * // → 'p-4 bg-blue-500' (if isActive=true, isDisabled=false)\n * \n * @example\n * // Object syntax\n * cx('p-4', { 'bg-blue-500': isActive, 'opacity-50': isDisabled, 'cursor-pointer': true })\n * // → 'p-4 bg-blue-500 cursor-pointer'\n * \n * @example\n * // Arrays (nested)\n * cx(['p-4', 'bg-white'], isActive && ['ring-2', 'ring-blue-500'])\n * // → 'p-4 bg-white ring-2 ring-blue-500'\n * \n * @example\n * // Mixed\n * cx(\n * 'base-class',\n * condition && 'conditional-class',\n * { 'object-class': true, 'ignored-class': false },\n * ['array-class-1', 'array-class-2']\n * )\n */\nexport function cx(...args) {\n const classes = [];\n\n for (let i = 0; i < args.length; i++) {\n const arg = args[i];\n\n // Skip falsy values\n if (!arg) continue;\n\n const type = typeof arg;\n\n if (type === \"string\") {\n classes.push(arg);\n } else if (Array.isArray(arg)) {\n // Recursively process arrays\n const inner = cx(...arg);\n if (inner) classes.push(inner);\n } else if (type === \"object\") {\n // Object: keys are class names, values are conditions\n const keys = Object.keys(arg);\n for (let j = 0; j < keys.length; j++) {\n if (arg[keys[j]]) {\n classes.push(keys[j]);\n }\n }\n }\n }\n\n return classes.join(\" \");\n}\n\nexport default cx;\n"],"names":["cx","classes","i","arguments","length","arg","undefined","type","push","Array","isArray","inner","keys","Object","j","join"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,EAAEA,GAAU;EAC1B,MAAMC,OAAO,GAAG,EAAE;AAElB,EAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,SAAA,CAAKC,MAAM,EAAEF,CAAC,EAAE,EAAE;AACpC,IAAA,MAAMG,GAAG,GAAQH,CAAC,GAAA,CAAA,IAAAC,SAAA,CAAAC,MAAA,IAADF,CAAC,GAAAI,SAAA,GAAAH,SAAA,CAADD,CAAC,CAAC;;AAEnB;IACA,IAAI,CAACG,GAAG,EAAE;IAEV,MAAME,IAAI,GAAG,OAAOF,GAAG;IAEvB,IAAIE,IAAI,KAAK,QAAQ,EAAE;AACrBN,MAAAA,OAAO,CAACO,IAAI,CAACH,GAAG,CAAC;IACnB,CAAC,MAAM,IAAII,KAAK,CAACC,OAAO,CAACL,GAAG,CAAC,EAAE;AAC7B;AACA,MAAA,MAAMM,KAAK,GAAGX,EAAE,CAAC,GAAGK,GAAG,CAAC;AACxB,MAAA,IAAIM,KAAK,EAAEV,OAAO,CAACO,IAAI,CAACG,KAAK,CAAC;AAChC,IAAA,CAAC,MAAM,IAAIJ,IAAI,KAAK,QAAQ,EAAE;AAC5B;AACA,MAAA,MAAMK,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACP,GAAG,CAAC;AAC7B,MAAA,KAAK,IAAIS,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,IAAI,CAACR,MAAM,EAAEU,CAAC,EAAE,EAAE;AACpC,QAAA,IAAIT,GAAG,CAACO,IAAI,CAACE,CAAC,CAAC,CAAC,EAAE;AAChBb,UAAAA,OAAO,CAACO,IAAI,CAACI,IAAI,CAACE,CAAC,CAAC,CAAC;AACvB,QAAA;AACF,MAAA;AACF,IAAA;AACF,EAAA;AAEA,EAAA,OAAOb,OAAO,CAACc,IAAI,CAAC,GAAG,CAAC;AAC1B;;;;;"}
package/dist/cx.esm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
- * tailwind-to-style v3.2.2
3
- * Runtime Tailwind CSS to inline styles converter
2
+ * tailwind-to-style v4.0.0
3
+ * Zero-build runtime Tailwind CSS engine
4
4
  *
5
5
  * @author Bigetion
6
6
  * @license MIT