tailwindcss-3d-styles 1.2.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.

Potentially problematic release.


This version of tailwindcss-3d-styles might be problematic. Click here for more details.

Files changed (49) hide show
  1. package/LICENSE.md +21 -0
  2. package/README.md +586 -0
  3. package/common/index.js +4 -0
  4. package/css-animations/base.js +19 -0
  5. package/css-animations/bounce-and-spin.js +121 -0
  6. package/css-animations/bounce.js +106 -0
  7. package/css-animations/index.js +8 -0
  8. package/css-animations/spin.js +106 -0
  9. package/css-utilities/backface.js +40 -0
  10. package/css-utilities/base.js +23 -0
  11. package/css-utilities/index.js +14 -0
  12. package/css-utilities/perspective-origin.js +39 -0
  13. package/css-utilities/perspective.js +69 -0
  14. package/css-utilities/scale.js +124 -0
  15. package/css-utilities/transform-box.js +43 -0
  16. package/css-utilities/transform-core.js +71 -0
  17. package/css-utilities/transform-style.js +40 -0
  18. package/css-utilities/transform.js +204 -0
  19. package/css-utilities/translate.js +104 -0
  20. package/index.js +94 -0
  21. package/package.json +19 -0
  22. package/types/common/index.d.ts +7 -0
  23. package/types/css-animations/base.d.ts +4 -0
  24. package/types/css-animations/bounce-and-spin.d.ts +19 -0
  25. package/types/css-animations/bounce.d.ts +15 -0
  26. package/types/css-animations/index.d.ts +12 -0
  27. package/types/css-animations/spin.d.ts +16 -0
  28. package/types/css-utilities/backface.d.ts +9 -0
  29. package/types/css-utilities/base.d.ts +6 -0
  30. package/types/css-utilities/index.d.ts +18 -0
  31. package/types/css-utilities/perspective-origin.d.ts +6 -0
  32. package/types/css-utilities/perspective.d.ts +26 -0
  33. package/types/css-utilities/scale.d.ts +24 -0
  34. package/types/css-utilities/transform-box.d.ts +12 -0
  35. package/types/css-utilities/transform-core.d.ts +5 -0
  36. package/types/css-utilities/transform-style.d.ts +9 -0
  37. package/types/css-utilities/transform.d.ts +38 -0
  38. package/types/css-utilities/translate.d.ts +24 -0
  39. package/types/index.d.ts +11 -0
  40. package/types/utils/css-value.d.ts +48 -0
  41. package/types/utils/dimension.d.ts +3 -0
  42. package/types/utils/ensure.d.ts +5 -0
  43. package/types/utils/generate-guard.d.ts +8 -0
  44. package/types/utils/lodash-transformers.d.ts +6 -0
  45. package/utils/css-value.js +386 -0
  46. package/utils/dimension.js +34 -0
  47. package/utils/ensure.js +33 -0
  48. package/utils/generate-guard.js +75 -0
  49. package/utils/lodash-transformers.js +108 -0
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get isDimension () {
13
+ return isDimension;
14
+ },
15
+ get normaliseDimension () {
16
+ return normaliseDimension;
17
+ }
18
+ });
19
+ var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
20
+ var _includes = /*#__PURE__*/ _interop_require_default._(require("lodash/includes"));
21
+ var _isString = /*#__PURE__*/ _interop_require_default._(require("lodash/isString"));
22
+ var _generateguard = require("./generate-guard");
23
+ var isDimension = (0, _generateguard.generateGuard)([
24
+ _isString.default,
25
+ function(maybe) {
26
+ return (0, _includes.default)([
27
+ '3d',
28
+ '2d'
29
+ ], maybe);
30
+ }
31
+ ]);
32
+ var normaliseDimension = function(dimension) {
33
+ return isDimension(dimension) ? dimension : '3d';
34
+ };
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get ensure () {
13
+ return ensure;
14
+ },
15
+ get ensureBoolean () {
16
+ return ensureBoolean;
17
+ }
18
+ });
19
+ var _type_of = require("@swc/helpers/_/_type_of");
20
+ var ensure = function(type, // eslint-disable-next-line @typescript-eslint/no-explicit-any
21
+ maybe, fallback) {
22
+ var safeTypes = [
23
+ type
24
+ ].flat();
25
+ var isValidType = safeTypes.some(function(safeType) {
26
+ return (typeof maybe === "undefined" ? "undefined" : _type_of._(maybe)) === safeType;
27
+ });
28
+ return isValidType ? maybe : fallback;
29
+ };
30
+ var ensureBoolean = function(// eslint-disable-next-line @typescript-eslint/no-explicit-any
31
+ maybe, fallback) {
32
+ return ensure('boolean', maybe, fallback);
33
+ };
@@ -0,0 +1,75 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get generateGuard () {
13
+ return generateGuard;
14
+ },
15
+ get isGuardTest () {
16
+ return isGuardTest;
17
+ },
18
+ get isGuardTestGroups () {
19
+ return isGuardTestGroups;
20
+ },
21
+ get isGuardTests () {
22
+ return isGuardTests;
23
+ }
24
+ });
25
+ var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
26
+ var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
27
+ var _castArray = /*#__PURE__*/ _interop_require_default._(require("lodash/castArray"));
28
+ var _every = /*#__PURE__*/ _interop_require_default._(require("lodash/every"));
29
+ var _isArray = /*#__PURE__*/ _interop_require_default._(require("lodash/isArray"));
30
+ var _isBoolean = /*#__PURE__*/ _interop_require_default._(require("lodash/isBoolean"));
31
+ var _isFunction = /*#__PURE__*/ _interop_require_default._(require("lodash/isFunction"));
32
+ var _over = /*#__PURE__*/ _interop_require_default._(require("lodash/over"));
33
+ var _some = /*#__PURE__*/ _interop_require_default._(require("lodash/some"));
34
+ var generateGuard = function() {
35
+ for(var _len = arguments.length, testGroups = new Array(_len), _key = 0; _key < _len; _key++){
36
+ testGroups[_key] = arguments[_key];
37
+ }
38
+ if (testGroups.length < 1) {
39
+ return function(maybe) {
40
+ return false;
41
+ };
42
+ }
43
+ return function(maybe) {
44
+ return (0, _some.default)(testGroups, function(tests) {
45
+ var safeTests = (0, _castArray.default)(tests);
46
+ if (safeTests.length < 1) {
47
+ return false;
48
+ }
49
+ return (0, _every.default)(_over.default.apply(void 0, _to_consumable_array._(safeTests))(maybe), function(result) {
50
+ return result === true;
51
+ });
52
+ });
53
+ };
54
+ };
55
+ var isGuardTest = generateGuard([
56
+ _isFunction.default,
57
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
58
+ function(maybe) {
59
+ return (0, _isFunction.default)(maybe) && (0, _isBoolean.default)(maybe('something'));
60
+ }
61
+ ]);
62
+ var isGuardTests = generateGuard([
63
+ _isArray.default,
64
+ function(maybe) {
65
+ return (0, _every.default)(maybe, isGuardTest);
66
+ }
67
+ ]);
68
+ var isGuardTestGroups = generateGuard([
69
+ _isArray.default,
70
+ function(maybe) {
71
+ return (0, _every.default)(maybe, function(testGroup) {
72
+ return isGuardTest(testGroup) || isGuardTests(testGroup);
73
+ });
74
+ }
75
+ ]);
@@ -0,0 +1,108 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get addDurationWithGravity () {
13
+ return addDurationWithGravity;
14
+ },
15
+ get axesModifier () {
16
+ return axesModifier;
17
+ },
18
+ get nameModifier () {
19
+ return nameModifier;
20
+ },
21
+ get signModifier () {
22
+ return signModifier;
23
+ }
24
+ });
25
+ var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
26
+ var _object_spread = require("@swc/helpers/_/_object_spread");
27
+ var _flatten = /*#__PURE__*/ _interop_require_default._(require("lodash/flatten"));
28
+ var _forEach = /*#__PURE__*/ _interop_require_default._(require("lodash/forEach"));
29
+ var _isPlainObject = /*#__PURE__*/ _interop_require_default._(require("lodash/isPlainObject"));
30
+ var _isString = /*#__PURE__*/ _interop_require_default._(require("lodash/isString"));
31
+ var _isUndefined = /*#__PURE__*/ _interop_require_default._(require("lodash/isUndefined"));
32
+ var axesModifier = function(axes, silentModifier) {
33
+ var safeAxes = (0, _isUndefined.default)(axes) ? [
34
+ 'x',
35
+ 'y',
36
+ 'z'
37
+ ] : (0, _flatten.default)([
38
+ axes
39
+ ]);
40
+ var safeSilentModifier = (0, _isUndefined.default)(silentModifier) ? '1' : silentModifier;
41
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
42
+ return function(result, value, modifier) {
43
+ (0, _forEach.default)(safeAxes, function(axis) {
44
+ var property = String(modifier) === String(safeSilentModifier) ? axis : "".concat(axis, "-").concat(modifier);
45
+ result[property] = (0, _isPlainObject.default)(value) ? _object_spread._({
46
+ axis: axis,
47
+ originalModifier: modifier
48
+ }, value) : {
49
+ axis: axis,
50
+ originalModifier: modifier,
51
+ value: value
52
+ };
53
+ });
54
+ };
55
+ };
56
+ var nameModifier = function(name, silentModifier) {
57
+ var safeName = (0, _isString.default)(name) ? name : '';
58
+ var safeSilentModifier = (0, _isString.default)(silentModifier) ? silentModifier : safeName === '' // If there is no name, don't silence the modifier
59
+ ? '' : '1';
60
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
61
+ return function(result, value, modifier) {
62
+ var property = String(modifier) === safeSilentModifier ? safeName : safeName === '' ? modifier : "".concat(safeName, "-").concat(modifier);
63
+ result[property] = (0, _isPlainObject.default)(value) ? _object_spread._({
64
+ name: name,
65
+ originalModifier: modifier
66
+ }, value) : {
67
+ name: name,
68
+ originalModifier: modifier,
69
+ value: value
70
+ };
71
+ };
72
+ };
73
+ var signModifier = function(signs) {
74
+ var safeSigns = (0, _isUndefined.default)(signs) ? [
75
+ '',
76
+ '-'
77
+ ] : (0, _flatten.default)([
78
+ signs
79
+ ]);
80
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
81
+ return function(result, value, modifier) {
82
+ (0, _forEach.default)(safeSigns, function(sign) {
83
+ result["".concat(sign).concat(modifier)] = (0, _isPlainObject.default)(value) ? _object_spread._({
84
+ sign: sign,
85
+ originalModifier: modifier
86
+ }, value) : {
87
+ sign: sign,
88
+ originalModifier: modifier,
89
+ value: value
90
+ };
91
+ });
92
+ };
93
+ };
94
+ var addDurationWithGravity = function() {
95
+ return(// eslint-disable-next-line @typescript-eslint/no-explicit-any
96
+ function(result, value, modifier) {
97
+ var _value_originalModifier;
98
+ var duration = Math.pow(Number((_value_originalModifier = value.originalModifier) !== null && _value_originalModifier !== void 0 ? _value_originalModifier : modifier), 0.25).toFixed(2);
99
+ result[modifier] = (0, _isPlainObject.default)(value) ? _object_spread._({
100
+ duration: duration,
101
+ originalModifier: modifier
102
+ }, value) : {
103
+ duration: duration,
104
+ originalModifier: modifier,
105
+ value: value
106
+ };
107
+ });
108
+ };