tailwindcss-3d-styles 1.2.0

package/css-animations/bounce-and-spin.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BounceAndSpin", {
+    enumerable: true,
+    get: function() {
+        return BounceAndSpin;
+    }
+});
+var _call_super = require("@swc/helpers/_/_call_super");
+var _class_call_check = require("@swc/helpers/_/_class_call_check");
+var _define_property = require("@swc/helpers/_/_define_property");
+var _inherits = require("@swc/helpers/_/_inherits");
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _lodash = require("lodash");
+var _defaultTheme = /*#__PURE__*/ _interop_require_default._(require("tailwindcss/defaultTheme"));
+var _base = require("./base");
+var _transform = require("../css-utilities/transform");
+var _translate = require("../css-utilities/translate");
+var _cssvalue = require("../utils/css-value");
+var _generateguard = require("../utils/generate-guard");
+var _lodashtransformers = require("../utils/lodash-transformers");
+var BounceAndSpin = /*#__PURE__*/ function(Base) {
+    "use strict";
+    _inherits._(BounceAndSpin, Base);
+    function BounceAndSpin() {
+        _class_call_check._(this, BounceAndSpin);
+        var _this;
+        _this = _call_super._(this, BounceAndSpin, arguments), _define_property._(_this, "isProcessablePrimitive", (0, _generateguard.generateGuard)(_lodash.isString, _lodash.isUndefined)), _define_property._(_this, "isProcessableValue", (0, _generateguard.generateGuard)([
+            _lodash.isArray,
+            function(maybe) {
+                return maybe.length === 2;
+            },
+            function(maybe) {
+                return (0, _lodash.every)((0, _lodash.values)(maybe), _this.isProcessablePrimitive);
+            }
+        ])), _define_property._(_this, "isProcessableValues", (0, _generateguard.generateGuard)([
+            _lodash.isPlainObject,
+            function(maybe) {
+                return (0, _lodash.every)((0, _lodash.keys)(maybe), _lodash.isString);
+            },
+            function(maybe) {
+                return (0, _lodash.every)((0, _lodash.values)(maybe), _this.isProcessableValue);
+            }
+        ])), _define_property._(_this, "normaliseValues", function(values) {
+            return _this.isProcessableValues(values) ? (0, _lodash.chain)(values).mapKeys(function(_value, modifier) {
+                return (0, _cssvalue.normaliseNumberValue)(modifier);
+            }).mapValues(function(param) {
+                var _param = _sliced_to_array._(param, 2), duration = _param[0], distance = _param[1];
+                return [
+                    (0, _cssvalue.normaliseTimeValue)(duration),
+                    (0, _cssvalue.normaliseLengthPercentageValue)(distance)
+                ];
+            }).pickBy(function(value, modifier) {
+                var _value = _sliced_to_array._(value, 2), duration = _value[0], distance = _value[1];
+                return (0, _lodash.isString)(modifier) && modifier !== '' && (0, _lodash.isString)(duration) && (0, _lodash.isString)(distance);
+            }).value() : {};
+        }), _define_property._(_this, "defaultTheme", _this.normaliseValues((0, _lodash.chain)(_defaultTheme.default.spacing).transform((0, _lodashtransformers.addDurationWithGravity)(), {}).mapValues(function(param) {
+            var distance = param.value, duration = param.duration;
+            return [
+                duration,
+                distance
+            ];
+        }).value())), _define_property._(_this, "keyframes", function(param) {
+            var theme = param.theme;
+            var values = _this.normaliseValues(theme('bounceAndSpin'));
+            var translateDeclarations = function(axis, value) {
+                var translateProperty = "translate".concat(axis.toUpperCase());
+                return {
+                    translate: _translate.Translate.normaliseFunctionValues(_define_property._({}, translateProperty, value))
+                };
+            };
+            var rotateDeclarations = function(axis, value) {
+                if (axis === 'z') {
+                    return {
+                        rotate: value
+                    };
+                }
+                var rotateProperty = "rotate".concat(axis.toUpperCase());
+                var transformValue = _transform.Transform.normaliseFunctionValues(_define_property._({}, rotateProperty, value));
+                return {
+                    '--webkit-transform': transformValue,
+                    transform: transformValue
+                };
+            };
+            return (0, _lodash.chain)(values).transform((0, _lodashtransformers.axesModifier)()).transform((0, _lodashtransformers.nameModifier)('bounce-and-spin')).transform((0, _lodashtransformers.signModifier)()).mapValues(function(param) {
+                var _param_value = _sliced_to_array._(param.value, 2), _duration = _param_value[0], distance = _param_value[1], axis = param.axis, sign = param.sign;
+                return {
+                    '0%, 100%': _object_spread_props._(_object_spread._({}, translateDeclarations(axis, '0')), {
+                        animationTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)'
+                    }),
+                    '0%, 5%': _object_spread_props._(_object_spread._({}, rotateDeclarations(axis, '0deg')), {
+                        animationTimingFunction: 'ease-in'
+                    }),
+                    '50%': _object_spread_props._(_object_spread._({}, translateDeclarations(axis, "".concat(sign).concat(distance))), {
+                        animationTimingFunction: 'cubic-bezier(0.8, 0, 1, 1)'
+                    }),
+                    '50.1%': _object_spread_props._(_object_spread._({}, rotateDeclarations(axis, "".concat(sign, "180deg"))), {
+                        animationTimingFunction: 'linear'
+                    }),
+                    '95%, 100%': _object_spread_props._(_object_spread._({}, rotateDeclarations(axis, "".concat(sign, "360deg"))), {
+                        animationTimingFunction: 'ease-out'
+                    })
+                };
+            }).value();
+        }), _define_property._(_this, "animation", function(param) {
+            var theme = param.theme;
+            var values = _this.normaliseValues(theme('bounceAndSpin'));
+            return (0, _lodash.chain)(values).transform((0, _lodashtransformers.axesModifier)()).transform((0, _lodashtransformers.nameModifier)('bounce-and-spin')).transform((0, _lodashtransformers.signModifier)()).mapValues(function(param, modifier) {
+                var _param_value = _sliced_to_array._(param.value, 1), duration = _param_value[0];
+                return "".concat(modifier, " ").concat(duration, " infinite");
+            }).value();
+        });
+        return _this;
+    }
+    return BounceAndSpin;
+}(_base.Base);

package/css-animations/bounce.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Bounce", {
+    enumerable: true,
+    get: function() {
+        return Bounce;
+    }
+});
+var _call_super = require("@swc/helpers/_/_call_super");
+var _class_call_check = require("@swc/helpers/_/_class_call_check");
+var _define_property = require("@swc/helpers/_/_define_property");
+var _inherits = require("@swc/helpers/_/_inherits");
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _lodash = require("lodash");
+var _defaultTheme = /*#__PURE__*/ _interop_require_default._(require("tailwindcss/defaultTheme"));
+var _base = require("./base");
+var _transform = require("../css-utilities/transform");
+var _translate = require("../css-utilities/translate");
+var _cssvalue = require("../utils/css-value");
+var _generateguard = require("../utils/generate-guard");
+var _lodashtransformers = require("../utils/lodash-transformers");
+var Bounce = /*#__PURE__*/ function(Base) {
+    "use strict";
+    _inherits._(Bounce, Base);
+    function Bounce() {
+        _class_call_check._(this, Bounce);
+        var _this;
+        _this = _call_super._(this, Bounce, arguments), _define_property._(_this, "isProcessablePrimitive", (0, _generateguard.generateGuard)(_lodash.isString, _lodash.isUndefined)), _define_property._(_this, "isProcessableValue", (0, _generateguard.generateGuard)([
+            _lodash.isArray,
+            function(maybe) {
+                return maybe.length === 2;
+            },
+            function(maybe) {
+                return (0, _lodash.every)((0, _lodash.values)(maybe), _this.isProcessablePrimitive);
+            }
+        ])), _define_property._(_this, "isProcessableValues", (0, _generateguard.generateGuard)([
+            _lodash.isPlainObject,
+            function(maybe) {
+                return (0, _lodash.every)((0, _lodash.keys)(maybe), _lodash.isString);
+            },
+            function(maybe) {
+                return (0, _lodash.every)((0, _lodash.values)(maybe), _this.isProcessableValue);
+            }
+        ])), _define_property._(_this, "normaliseValues", function(values) {
+            return _this.isProcessableValues(values) ? (0, _lodash.chain)(values).mapKeys(function(_value, modifier) {
+                return (0, _cssvalue.normaliseNumberValue)(modifier);
+            }).mapValues(function(param) {
+                var _param = _sliced_to_array._(param, 2), duration = _param[0], distance = _param[1];
+                return [
+                    (0, _cssvalue.normaliseTimeValue)(duration),
+                    (0, _cssvalue.normaliseLengthPercentageValue)(distance)
+                ];
+            }).pickBy(function(value, modifier) {
+                var _value = _sliced_to_array._(value, 2), duration = _value[0], distance = _value[1];
+                return (0, _lodash.isString)(modifier) && modifier !== '' && modifier !== 'px' && (0, _lodash.isString)(duration) && (0, _lodash.isString)(distance);
+            }).value() : {};
+        }), _define_property._(_this, "defaultTheme", _this.normaliseValues((0, _lodash.chain)(_defaultTheme.default.spacing).transform((0, _lodashtransformers.addDurationWithGravity)(), {}).mapValues(function(param) {
+            var distance = param.value, duration = param.duration;
+            return [
+                duration,
+                distance
+            ];
+        }).value())), _define_property._(_this, "keyframes", function(param) {
+            var theme = param.theme;
+            var values = _this.normaliseValues(theme('bounce'));
+            var translateDeclarations = function(axis, value) {
+                var translateProperty = "translate".concat(axis.toUpperCase());
+                if (!_this.legacy) {
+                    return {
+                        translate: _translate.Translate.normaliseFunctionValues(_define_property._({}, translateProperty, value))
+                    };
+                }
+                var transformValue = _transform.Transform.normaliseLegacyFunctionValues(_define_property._({}, translateProperty, value));
+                return {
+                    '--webkit-transform': transformValue,
+                    transform: transformValue
+                };
+            };
+            return (0, _lodash.chain)(values).transform((0, _lodashtransformers.axesModifier)(), {}).transform((0, _lodashtransformers.nameModifier)('bounce'), {}).transform((0, _lodashtransformers.signModifier)(), {}).mapValues(function(param) {
+                var _param_value = _sliced_to_array._(param.value, 2), _duration = _param_value[0], distance = _param_value[1], axis = param.axis, sign = param.sign;
+                return {
+                    '0%, 100%': _object_spread_props._(_object_spread._({}, translateDeclarations(axis, "".concat(sign).concat(distance))), {
+                        animationTimingFunction: 'cubic-bezier(0.5, 0, 1, 1)'
+                    }),
+                    '50%': _object_spread_props._(_object_spread._({}, translateDeclarations(axis, '0')), {
+                        animationTimingFunction: 'cubic-bezier(0, 0, 0.5, 1)'
+                    })
+                };
+            }).value();
+        }), _define_property._(_this, "animation", function(param) {
+            var theme = param.theme;
+            var values = _this.normaliseValues(theme('bounce'));
+            return (0, _lodash.chain)(values).transform((0, _lodashtransformers.axesModifier)(), {}).transform((0, _lodashtransformers.nameModifier)('bounce'), {}).transform((0, _lodashtransformers.signModifier)(), {}).mapValues(function(param, modifier) {
+                var _param_value = _sliced_to_array._(param.value, 1), duration = _param_value[0];
+                return "".concat(modifier, " ").concat(duration, " infinite");
+            }).value();
+        });
+        return _this;
+    }
+    return Bounce;
+}(_base.Base);

package/css-animations/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./bounce"), exports);
+_export_star._(require("./bounce-and-spin"), exports);
+_export_star._(require("./spin"), exports);

package/css-animations/spin.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Spin", {
+    enumerable: true,
+    get: function() {
+        return Spin;
+    }
+});
+var _call_super = require("@swc/helpers/_/_call_super");
+var _class_call_check = require("@swc/helpers/_/_class_call_check");
+var _define_property = require("@swc/helpers/_/_define_property");
+var _inherits = require("@swc/helpers/_/_inherits");
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _lodash = require("lodash");
+var _defaultTheme = /*#__PURE__*/ _interop_require_default._(require("tailwindcss/defaultTheme"));
+var _base = require("./base");
+var _transform = require("../css-utilities/transform");
+var _cssvalue = require("../utils/css-value");
+var _generateguard = require("../utils/generate-guard");
+var _lodashtransformers = require("../utils/lodash-transformers");
+var Spin = /*#__PURE__*/ function(Base) {
+    "use strict";
+    _inherits._(Spin, Base);
+    function Spin() {
+        _class_call_check._(this, Spin);
+        var _this;
+        _this = _call_super._(this, Spin, arguments), _define_property._(_this, "isProcessableValue", (0, _generateguard.generateGuard)(_lodash.isString, _lodash.isUndefined)), _define_property._(_this, "isProcessableValues", (0, _generateguard.generateGuard)([
+            _lodash.isPlainObject,
+            function(maybe) {
+                return (0, _lodash.every)((0, _lodash.keys)(maybe), _lodash.isString);
+            },
+            function(maybe) {
+                return (0, _lodash.every)((0, _lodash.values)(maybe), _this.isProcessableValue);
+            }
+        ])), _define_property._(_this, "normaliseValues", function(values) {
+            return _this.isProcessableValues(values) ? (0, _lodash.chain)(values).mapKeys(function(_duration, modifier) {
+                return (0, _cssvalue.normaliseNumberValue)(modifier);
+            }).mapValues(function(duration) {
+                return (0, _cssvalue.normaliseTimeValue)(duration);
+            }).pickBy(function(duration, modifier) {
+                return (0, _lodash.isString)(modifier) && modifier !== '' && (0, _lodash.isString)(duration);
+            }).value() : {};
+        }), _define_property._(_this, "defaultTheme", _this.normaliseValues((0, _lodash.mapValues)(_defaultTheme.default.spacing, function(_spacing, modifier) {
+            return "".concat(modifier, "s");
+        }))), _define_property._(_this, "xyKeyframes", function() {
+            var rotateDeclarations = function(axis, value) {
+                var rotateProperty = "rotate".concat(axis.toUpperCase());
+                var transformValue = _this.legacy ? _transform.Transform.normaliseLegacyFunctionValues(_define_property._({}, rotateProperty, value)) : _transform.Transform.normaliseFunctionValues(_define_property._({}, rotateProperty, value));
+                return {
+                    '--webkit-transform': transformValue,
+                    transform: transformValue
+                };
+            };
+            return (0, _lodash.chain)({
+                '1': ''
+            }).transform((0, _lodashtransformers.axesModifier)([
+                'x',
+                'y'
+            ]), {}).transform((0, _lodashtransformers.nameModifier)('spin'), {}).transform((0, _lodashtransformers.signModifier)(), {}).mapValues(function(param) {
+                var axis = param.axis, sign = param.sign;
+                return {
+                    from: _object_spread._({}, rotateDeclarations(axis, '0deg')),
+                    to: _object_spread._({}, rotateDeclarations(axis, "".concat(sign, "360deg")))
+                };
+            }).value();
+        }), _define_property._(_this, "zKeyframes", function() {
+            var rotateDeclarations = function(value) {
+                if (!_this.legacy) {
+                    return {
+                        rotate: value
+                    };
+                }
+                var transformValue = _transform.Transform.normaliseLegacyFunctionValues({
+                    rotateZ: value
+                });
+                return {
+                    '--webkit-transform': transformValue,
+                    transform: transformValue
+                };
+            };
+            return (0, _lodash.chain)({
+                '1': ''
+            }).transform((0, _lodashtransformers.axesModifier)('z'), {}).transform((0, _lodashtransformers.nameModifier)('spin'), {}).transform((0, _lodashtransformers.signModifier)(), {}).mapValues(function(param) {
+                var sign = param.sign;
+                return {
+                    from: _object_spread._({}, rotateDeclarations('0deg')),
+                    to: _object_spread._({}, rotateDeclarations("".concat(sign, "360deg")))
+                };
+            }).value();
+        }), _define_property._(_this, "keyframes", function() {
+            return _object_spread._({}, _this.xyKeyframes(), _this.zKeyframes());
+        }), _define_property._(_this, "animation", function(param) {
+            var theme = param.theme;
+            var values = _this.normaliseValues(theme('spin'));
+            return (0, _lodash.chain)(values).transform((0, _lodashtransformers.axesModifier)(), {}).transform((0, _lodashtransformers.nameModifier)('spin'), {}).transform((0, _lodashtransformers.signModifier)(), {}).mapValues(function(param) {
+                var value = param.value, axis = param.axis, name = param.name, sign = param.sign;
+                return "".concat(sign).concat(name, "-").concat(axis, " ").concat(value, " linear infinite");
+            }).value();
+        });
+        return _this;
+    }
+    return Spin;
+}(_base.Base);

package/css-utilities/backface.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Backface", {
+    enumerable: true,
+    get: function() {
+        return Backface;
+    }
+});
+var _call_super = require("@swc/helpers/_/_call_super");
+var _class_call_check = require("@swc/helpers/_/_class_call_check");
+var _define_property = require("@swc/helpers/_/_define_property");
+var _inherits = require("@swc/helpers/_/_inherits");
+var _base = require("./base");
+var Backface = /*#__PURE__*/ function(Base) {
+    "use strict";
+    _inherits._(Backface, Base);
+    function Backface() {
+        _class_call_check._(this, Backface);
+        var _this;
+        _this = _call_super._(this, Backface, arguments), _define_property._(_this, "utilities", function() {
+            _this.api.matchUtilities({
+                backface: function(value) {
+                    return {
+                        'backface-visibility': value
+                    };
+                }
+            }, {
+                values: _this.api.theme('backface')
+            });
+        });
+        return _this;
+    }
+    return Backface;
+}(_base.Base);
+_define_property._(Backface, "defaultTheme", {
+    visible: 'visible',
+    hidden: 'hidden'
+});

package/css-utilities/base.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Base", {
+    enumerable: true,
+    get: function() {
+        return Base;
+    }
+});
+var _class_call_check = require("@swc/helpers/_/_class_call_check");
+var _define_property = require("@swc/helpers/_/_define_property");
+var _ensure = require("../utils/ensure");
+var Base = function Base(api) {
+    "use strict";
+    var legacy = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    _class_call_check._(this, Base);
+    _define_property._(this, "api", void 0);
+    _define_property._(this, "legacy", void 0);
+    this.api = api;
+    this.legacy = false;
+    this.legacy = (0, _ensure.ensureBoolean)(legacy, false);
+};

package/css-utilities/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./backface"), exports);
+_export_star._(require("./perspective"), exports);
+_export_star._(require("./perspective-origin"), exports);
+_export_star._(require("./scale"), exports);
+_export_star._(require("./transform"), exports);
+_export_star._(require("./transform-box"), exports);
+_export_star._(require("./transform-core"), exports);
+_export_star._(require("./transform-style"), exports);
+_export_star._(require("./translate"), exports);

package/css-utilities/perspective-origin.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PerspectiveOrigin", {
+    enumerable: true,
+    get: function() {
+        return PerspectiveOrigin;
+    }
+});
+var _call_super = require("@swc/helpers/_/_call_super");
+var _class_call_check = require("@swc/helpers/_/_class_call_check");
+var _define_property = require("@swc/helpers/_/_define_property");
+var _inherits = require("@swc/helpers/_/_inherits");
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _defaultTheme = /*#__PURE__*/ _interop_require_default._(require("tailwindcss/defaultTheme"));
+var _base = require("./base");
+var PerspectiveOrigin = /*#__PURE__*/ function(Base) {
+    "use strict";
+    _inherits._(PerspectiveOrigin, Base);
+    function PerspectiveOrigin() {
+        _class_call_check._(this, PerspectiveOrigin);
+        var _this;
+        _this = _call_super._(this, PerspectiveOrigin, arguments), _define_property._(_this, "utilities", function() {
+            _this.api.matchUtilities({
+                'perspective-origin': function(value) {
+                    return {
+                        'perspective-origin': value
+                    };
+                }
+            }, {
+                values: _this.api.theme('perspectiveOrigin')
+            });
+        });
+        return _this;
+    }
+    return PerspectiveOrigin;
+}(_base.Base);
+_define_property._(PerspectiveOrigin, "defaultTheme", _defaultTheme.default.transformOrigin);

package/css-utilities/perspective.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Perspective", {
+    enumerable: true,
+    get: function() {
+        return Perspective;
+    }
+});
+var _call_super = require("@swc/helpers/_/_call_super");
+var _class_call_check = require("@swc/helpers/_/_class_call_check");
+var _define_property = require("@swc/helpers/_/_define_property");
+var _inherits = require("@swc/helpers/_/_inherits");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _base = require("./base");
+var _transform = require("./transform");
+var _cssvalue = require("../utils/css-value");
+var _dimension = require("../utils/dimension");
+var Perspective = /*#__PURE__*/ function(Base) {
+    "use strict";
+    _inherits._(Perspective, Base);
+    function Perspective() {
+        _class_call_check._(this, Perspective);
+        var _this;
+        _this = _call_super._(this, Perspective, arguments), _define_property._(_this, "utilities", function() {
+            var cssDeclarations = _this.legacy ? Perspective.legacyDeclarations() : Perspective.declarations();
+            _this.api.matchUtilities({
+                perspective: function(value) {
+                    return _object_spread._({
+                        '@defaults transform': {},
+                        '--tw-perspective': value
+                    }, cssDeclarations);
+                }
+            }, {
+                values: _this.api.theme('perspective'),
+                supportsNegativeValues: true
+            });
+        });
+        return _this;
+    }
+    return Perspective;
+}(_base.Base);
+_define_property._(Perspective, "defaultTheme", {
+    none: 'none',
+    250: '250px',
+    500: '500px',
+    750: '750px',
+    1000: '1000px'
+});
+_define_property._(Perspective, "defaultFunctionValues", {
+    perspective: 'var(--tw-perspective)'
+});
+_define_property._(Perspective, "normaliseFunctionValues", function() {
+    var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, dimension = _ref.dimension, perspective = _ref.perspective;
+    if ((0, _dimension.normaliseDimension)(dimension) === '2d') {
+        return 'none';
+    }
+    return (0, _cssvalue.normaliseLengthValue)(perspective, Perspective.defaultFunctionValues.perspective);
+});
+_define_property._(Perspective, "declarations", function() {
+    var values = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return {
+        perspective: Perspective.normaliseFunctionValues(values)
+    };
+});
+_define_property._(Perspective, "legacyDeclarations", function() {
+    return _transform.Transform.legacyDeclarations();
+});

package/css-utilities/scale.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Scale", {
+    enumerable: true,
+    get: function() {
+        return Scale;
+    }
+});
+var _call_super = require("@swc/helpers/_/_call_super");
+var _class_call_check = require("@swc/helpers/_/_class_call_check");
+var _define_property = require("@swc/helpers/_/_define_property");
+var _inherits = require("@swc/helpers/_/_inherits");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _lodash = require("lodash");
+var _base = require("./base");
+var _transform = require("./transform");
+var _cssvalue = require("../utils/css-value");
+var _dimension = require("../utils/dimension");
+var _generateguard = require("../utils/generate-guard");
+var Scale = /*#__PURE__*/ function(Base) {
+    "use strict";
+    _inherits._(Scale, Base);
+    function Scale() {
+        _class_call_check._(this, Scale);
+        var _this;
+        _this = _call_super._(this, Scale, arguments), _define_property._(_this, "isProcessableValue", (0, _generateguard.generateGuard)([
+            _lodash.isString
+        ], [
+            _lodash.isUndefined
+        ])), _define_property._(_this, "isProcessableValues", (0, _generateguard.generateGuard)([
+            _lodash.isPlainObject,
+            function(maybe) {
+                return (0, _lodash.every)((0, _lodash.keys)(maybe), _lodash.isString);
+            },
+            function(maybe) {
+                return (0, _lodash.every)((0, _lodash.values)(maybe), _this.isProcessableValue);
+            }
+        ])), _define_property._(_this, "normaliseValues", function(values) {
+            return _this.isProcessableValues(values) ? (0, _lodash.chain)(values).mapValues(function(length) {
+                return (0, _cssvalue.normaliseNumberPercentageValue)(length, '1', {
+                    lowerLimit: 0
+                });
+            }).pickBy(function(length, modifier) {
+                return (0, _lodash.isString)(modifier) && modifier !== '' && (0, _lodash.isString)(length);
+            }).value() : {};
+        }), _define_property._(_this, "utilities", function() {
+            var values = _this.normaliseValues(_this.api.theme('scale'));
+            var cssDeclarations = _this.legacy ? Scale.legacyDeclarations() : Scale.declarations();
+            _this.api.matchUtilities({
+                scale: function(value) {
+                    return _object_spread._({
+                        '@defaults transform': {},
+                        '--tw-scale-x': value,
+                        '--tw-scale-y': value
+                    }, cssDeclarations);
+                },
+                scale3d: function(value) {
+                    return _object_spread._({
+                        '@defaults transform': {},
+                        '--tw-scale-x': value,
+                        '--tw-scale-y': value,
+                        '--tw-scale-z': value
+                    }, cssDeclarations);
+                },
+                'scale-x': function(value) {
+                    return _object_spread._({
+                        '@defaults transform': {},
+                        '--tw-scale-x': value
+                    }, cssDeclarations);
+                },
+                'scale-y': function(value) {
+                    return _object_spread._({
+                        '@defaults transform': {},
+                        '--tw-scale-y': value
+                    }, cssDeclarations);
+                },
+                'scale-z': function(value) {
+                    return _object_spread._({
+                        '@defaults transform': {},
+                        '--tw-scale-z': value
+                    }, cssDeclarations);
+                }
+            }, {
+                values: values,
+                supportsNegativeValues: true
+            });
+        });
+        return _this;
+    }
+    return Scale;
+}(_base.Base);
+_define_property._(Scale, "defaultFunctionValues", {
+    scaleX: 'var(--tw-scale-x)',
+    scaleY: 'var(--tw-scale-y)',
+    scaleZ: 'var(--tw-scale-z)'
+});
+_define_property._(Scale, "normaliseFunctionValues", function() {
+    var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, dimension = _ref.dimension, scaleX = _ref.scaleX, scaleY = _ref.scaleY, scaleZ = _ref.scaleZ;
+    var safeValues = [
+        (0, _cssvalue.normaliseNumberPercentageValue)(scaleX, Scale.defaultFunctionValues.scaleX, {
+            lowerLimit: 0
+        }),
+        (0, _cssvalue.normaliseNumberPercentageValue)(scaleY, Scale.defaultFunctionValues.scaleY, {
+            lowerLimit: 0
+        })
+    ];
+    if ((0, _dimension.normaliseDimension)(dimension) === '3d') {
+        safeValues.push((0, _cssvalue.normaliseNumberPercentageValue)(scaleZ, Scale.defaultFunctionValues.scaleZ, {
+            lowerLimit: 0
+        }));
+    }
+    return safeValues.join(' ');
+});
+_define_property._(Scale, "declarations", function() {
+    var values = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return {
+        scale: Scale.normaliseFunctionValues(values)
+    };
+});
+_define_property._(Scale, "legacyDeclarations", function() {
+    return _transform.Transform.legacyDeclarations();
+});