tailwindcss 3.4.0 → 4.0.0-alpha.1

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 (285) hide show
  1. package/dist/chunk-GNCUPSHB.mjs +5886 -0
  2. package/dist/cli.d.mts +1 -0
  3. package/dist/cli.d.ts +1 -0
  4. package/dist/cli.js +6309 -0
  5. package/dist/cli.mjs +432 -0
  6. package/dist/lib.d.mts +324 -0
  7. package/dist/lib.d.ts +324 -0
  8. package/dist/lib.js +5884 -0
  9. package/dist/lib.mjs +1 -0
  10. package/index.css +5 -0
  11. package/package.json +35 -104
  12. package/preflight.css +355 -0
  13. package/theme.css +465 -0
  14. package/CHANGELOG.md +0 -2552
  15. package/README.md +0 -41
  16. package/base.css +0 -1
  17. package/colors.d.ts +0 -3
  18. package/colors.js +0 -2
  19. package/components.css +0 -1
  20. package/defaultConfig.d.ts +0 -3
  21. package/defaultConfig.js +0 -2
  22. package/defaultTheme.d.ts +0 -4
  23. package/defaultTheme.js +0 -2
  24. package/lib/cli/build/deps.js +0 -62
  25. package/lib/cli/build/index.js +0 -54
  26. package/lib/cli/build/plugin.js +0 -378
  27. package/lib/cli/build/utils.js +0 -88
  28. package/lib/cli/build/watching.js +0 -182
  29. package/lib/cli/help/index.js +0 -73
  30. package/lib/cli/index.js +0 -230
  31. package/lib/cli/init/index.js +0 -63
  32. package/lib/cli-peer-dependencies.js +0 -36
  33. package/lib/cli.js +0 -7
  34. package/lib/corePluginList.js +0 -190
  35. package/lib/corePlugins.js +0 -4244
  36. package/lib/css/LICENSE +0 -25
  37. package/lib/css/preflight.css +0 -385
  38. package/lib/featureFlags.js +0 -83
  39. package/lib/index.js +0 -2
  40. package/lib/lib/cacheInvalidation.js +0 -92
  41. package/lib/lib/collapseAdjacentRules.js +0 -61
  42. package/lib/lib/collapseDuplicateDeclarations.js +0 -85
  43. package/lib/lib/content.js +0 -181
  44. package/lib/lib/defaultExtractor.js +0 -251
  45. package/lib/lib/detectNesting.js +0 -45
  46. package/lib/lib/evaluateTailwindFunctions.js +0 -238
  47. package/lib/lib/expandApplyAtRules.js +0 -540
  48. package/lib/lib/expandTailwindAtRules.js +0 -291
  49. package/lib/lib/findAtConfigPath.js +0 -46
  50. package/lib/lib/generateRules.js +0 -896
  51. package/lib/lib/getModuleDependencies.js +0 -99
  52. package/lib/lib/load-config.js +0 -53
  53. package/lib/lib/normalizeTailwindDirectives.js +0 -89
  54. package/lib/lib/offsets.js +0 -306
  55. package/lib/lib/partitionApplyAtRules.js +0 -58
  56. package/lib/lib/regex.js +0 -74
  57. package/lib/lib/remap-bitfield.js +0 -89
  58. package/lib/lib/resolveDefaultsAtRules.js +0 -165
  59. package/lib/lib/setupContextUtils.js +0 -1278
  60. package/lib/lib/setupTrackingContext.js +0 -166
  61. package/lib/lib/sharedState.js +0 -87
  62. package/lib/lib/substituteScreenAtRules.js +0 -31
  63. package/lib/oxide/cli/build/deps.js +0 -89
  64. package/lib/oxide/cli/build/index.js +0 -53
  65. package/lib/oxide/cli/build/plugin.js +0 -375
  66. package/lib/oxide/cli/build/utils.js +0 -87
  67. package/lib/oxide/cli/build/watching.js +0 -179
  68. package/lib/oxide/cli/help/index.js +0 -72
  69. package/lib/oxide/cli/index.js +0 -214
  70. package/lib/oxide/cli/init/index.js +0 -52
  71. package/lib/oxide/cli.js +0 -5
  72. package/lib/oxide/postcss-plugin.js +0 -2
  73. package/lib/plugin.js +0 -98
  74. package/lib/postcss-plugins/nesting/README.md +0 -42
  75. package/lib/postcss-plugins/nesting/index.js +0 -21
  76. package/lib/postcss-plugins/nesting/plugin.js +0 -89
  77. package/lib/processTailwindFeatures.js +0 -64
  78. package/lib/public/colors.js +0 -355
  79. package/lib/public/create-plugin.js +0 -17
  80. package/lib/public/default-config.js +0 -18
  81. package/lib/public/default-theme.js +0 -18
  82. package/lib/public/load-config.js +0 -12
  83. package/lib/public/resolve-config.js +0 -24
  84. package/lib/util/applyImportantSelector.js +0 -36
  85. package/lib/util/bigSign.js +0 -13
  86. package/lib/util/buildMediaQuery.js +0 -27
  87. package/lib/util/cloneDeep.js +0 -22
  88. package/lib/util/cloneNodes.js +0 -54
  89. package/lib/util/color.js +0 -116
  90. package/lib/util/colorNames.js +0 -752
  91. package/lib/util/configurePlugins.js +0 -23
  92. package/lib/util/createPlugin.js +0 -32
  93. package/lib/util/createUtilityPlugin.js +0 -53
  94. package/lib/util/dataTypes.js +0 -405
  95. package/lib/util/defaults.js +0 -27
  96. package/lib/util/escapeClassName.js +0 -24
  97. package/lib/util/escapeCommas.js +0 -13
  98. package/lib/util/flattenColorPalette.js +0 -18
  99. package/lib/util/formatVariantSelector.js +0 -270
  100. package/lib/util/getAllConfigs.js +0 -50
  101. package/lib/util/hashConfig.js +0 -21
  102. package/lib/util/isKeyframeRule.js +0 -13
  103. package/lib/util/isPlainObject.js +0 -17
  104. package/lib/util/isSyntacticallyValidPropertyValue.js +0 -74
  105. package/lib/util/log.js +0 -61
  106. package/lib/util/nameClass.js +0 -49
  107. package/lib/util/negateValue.js +0 -36
  108. package/lib/util/normalizeConfig.js +0 -282
  109. package/lib/util/normalizeScreens.js +0 -178
  110. package/lib/util/parseAnimationValue.js +0 -93
  111. package/lib/util/parseBoxShadowValue.js +0 -88
  112. package/lib/util/parseDependency.js +0 -47
  113. package/lib/util/parseGlob.js +0 -36
  114. package/lib/util/parseObjectStyles.js +0 -36
  115. package/lib/util/pluginUtils.js +0 -289
  116. package/lib/util/prefixSelector.js +0 -39
  117. package/lib/util/pseudoElements.js +0 -209
  118. package/lib/util/removeAlphaVariables.js +0 -31
  119. package/lib/util/resolveConfig.js +0 -256
  120. package/lib/util/resolveConfigPath.js +0 -70
  121. package/lib/util/responsive.js +0 -24
  122. package/lib/util/splitAtTopLevelOnly.js +0 -51
  123. package/lib/util/tap.js +0 -14
  124. package/lib/util/toColorValue.js +0 -13
  125. package/lib/util/toPath.js +0 -32
  126. package/lib/util/transformThemeValue.js +0 -73
  127. package/lib/util/validateConfig.js +0 -37
  128. package/lib/util/validateFormalSyntax.js +0 -26
  129. package/lib/util/withAlphaVariable.js +0 -79
  130. package/lib/value-parser/LICENSE +0 -22
  131. package/lib/value-parser/README.md +0 -3
  132. package/lib/value-parser/index.d.js +0 -2
  133. package/lib/value-parser/index.js +0 -22
  134. package/lib/value-parser/parse.js +0 -259
  135. package/lib/value-parser/stringify.js +0 -38
  136. package/lib/value-parser/unit.js +0 -86
  137. package/lib/value-parser/walk.js +0 -16
  138. package/loadConfig.d.ts +0 -4
  139. package/loadConfig.js +0 -2
  140. package/nesting/index.d.ts +0 -4
  141. package/nesting/index.js +0 -2
  142. package/peers/index.js +0 -96624
  143. package/plugin.d.ts +0 -11
  144. package/plugin.js +0 -2
  145. package/prettier.config.js +0 -19
  146. package/resolveConfig.d.ts +0 -31
  147. package/resolveConfig.js +0 -2
  148. package/screens.css +0 -1
  149. package/scripts/create-plugin-list.js +0 -10
  150. package/scripts/generate-types.js +0 -104
  151. package/scripts/release-channel.js +0 -18
  152. package/scripts/release-notes.js +0 -21
  153. package/scripts/swap-engines.js +0 -40
  154. package/scripts/type-utils.js +0 -27
  155. package/src/cli/build/deps.js +0 -56
  156. package/src/cli/build/index.js +0 -49
  157. package/src/cli/build/plugin.js +0 -444
  158. package/src/cli/build/utils.js +0 -76
  159. package/src/cli/build/watching.js +0 -229
  160. package/src/cli/help/index.js +0 -70
  161. package/src/cli/index.js +0 -216
  162. package/src/cli/init/index.js +0 -79
  163. package/src/cli-peer-dependencies.js +0 -15
  164. package/src/cli.js +0 -7
  165. package/src/corePluginList.js +0 -1
  166. package/src/corePlugins.js +0 -2904
  167. package/src/css/LICENSE +0 -25
  168. package/src/css/preflight.css +0 -385
  169. package/src/featureFlags.js +0 -66
  170. package/src/index.js +0 -1
  171. package/src/lib/cacheInvalidation.js +0 -52
  172. package/src/lib/collapseAdjacentRules.js +0 -58
  173. package/src/lib/collapseDuplicateDeclarations.js +0 -93
  174. package/src/lib/content.js +0 -208
  175. package/src/lib/defaultExtractor.js +0 -230
  176. package/src/lib/detectNesting.js +0 -47
  177. package/src/lib/evaluateTailwindFunctions.js +0 -272
  178. package/src/lib/expandApplyAtRules.js +0 -620
  179. package/src/lib/expandTailwindAtRules.js +0 -300
  180. package/src/lib/findAtConfigPath.js +0 -48
  181. package/src/lib/generateRules.js +0 -941
  182. package/src/lib/getModuleDependencies.js +0 -79
  183. package/src/lib/load-config.ts +0 -39
  184. package/src/lib/normalizeTailwindDirectives.js +0 -84
  185. package/src/lib/offsets.js +0 -373
  186. package/src/lib/partitionApplyAtRules.js +0 -52
  187. package/src/lib/regex.js +0 -74
  188. package/src/lib/remap-bitfield.js +0 -82
  189. package/src/lib/resolveDefaultsAtRules.js +0 -163
  190. package/src/lib/setupContextUtils.js +0 -1345
  191. package/src/lib/setupTrackingContext.js +0 -169
  192. package/src/lib/sharedState.js +0 -61
  193. package/src/lib/substituteScreenAtRules.js +0 -19
  194. package/src/oxide/cli/build/deps.ts +0 -91
  195. package/src/oxide/cli/build/index.ts +0 -47
  196. package/src/oxide/cli/build/plugin.ts +0 -442
  197. package/src/oxide/cli/build/utils.ts +0 -74
  198. package/src/oxide/cli/build/watching.ts +0 -225
  199. package/src/oxide/cli/help/index.ts +0 -69
  200. package/src/oxide/cli/index.ts +0 -204
  201. package/src/oxide/cli/init/index.ts +0 -59
  202. package/src/oxide/cli.ts +0 -1
  203. package/src/oxide/postcss-plugin.ts +0 -1
  204. package/src/plugin.js +0 -107
  205. package/src/postcss-plugins/nesting/README.md +0 -42
  206. package/src/postcss-plugins/nesting/index.js +0 -13
  207. package/src/postcss-plugins/nesting/plugin.js +0 -80
  208. package/src/processTailwindFeatures.js +0 -59
  209. package/src/public/colors.js +0 -322
  210. package/src/public/create-plugin.js +0 -2
  211. package/src/public/default-config.js +0 -4
  212. package/src/public/default-theme.js +0 -4
  213. package/src/public/load-config.js +0 -2
  214. package/src/public/resolve-config.js +0 -7
  215. package/src/util/applyImportantSelector.js +0 -27
  216. package/src/util/bigSign.js +0 -3
  217. package/src/util/buildMediaQuery.js +0 -22
  218. package/src/util/cloneDeep.js +0 -11
  219. package/src/util/cloneNodes.js +0 -49
  220. package/src/util/color.js +0 -88
  221. package/src/util/colorNames.js +0 -150
  222. package/src/util/configurePlugins.js +0 -23
  223. package/src/util/createPlugin.js +0 -27
  224. package/src/util/createUtilityPlugin.js +0 -37
  225. package/src/util/dataTypes.js +0 -394
  226. package/src/util/defaults.js +0 -17
  227. package/src/util/escapeClassName.js +0 -8
  228. package/src/util/escapeCommas.js +0 -3
  229. package/src/util/flattenColorPalette.js +0 -13
  230. package/src/util/formatVariantSelector.js +0 -324
  231. package/src/util/getAllConfigs.js +0 -38
  232. package/src/util/hashConfig.js +0 -5
  233. package/src/util/isKeyframeRule.js +0 -3
  234. package/src/util/isPlainObject.js +0 -8
  235. package/src/util/isSyntacticallyValidPropertyValue.js +0 -61
  236. package/src/util/log.js +0 -29
  237. package/src/util/nameClass.js +0 -30
  238. package/src/util/negateValue.js +0 -24
  239. package/src/util/normalizeConfig.js +0 -301
  240. package/src/util/normalizeScreens.js +0 -140
  241. package/src/util/parseAnimationValue.js +0 -68
  242. package/src/util/parseBoxShadowValue.js +0 -72
  243. package/src/util/parseDependency.js +0 -44
  244. package/src/util/parseGlob.js +0 -24
  245. package/src/util/parseObjectStyles.js +0 -19
  246. package/src/util/pluginUtils.js +0 -307
  247. package/src/util/prefixSelector.js +0 -33
  248. package/src/util/pseudoElements.js +0 -167
  249. package/src/util/removeAlphaVariables.js +0 -24
  250. package/src/util/resolveConfig.js +0 -277
  251. package/src/util/resolveConfigPath.js +0 -66
  252. package/src/util/responsive.js +0 -10
  253. package/src/util/splitAtTopLevelOnly.js +0 -52
  254. package/src/util/tap.js +0 -4
  255. package/src/util/toColorValue.js +0 -3
  256. package/src/util/toPath.js +0 -26
  257. package/src/util/transformThemeValue.js +0 -62
  258. package/src/util/validateConfig.js +0 -26
  259. package/src/util/validateFormalSyntax.js +0 -34
  260. package/src/util/withAlphaVariable.js +0 -49
  261. package/src/value-parser/LICENSE +0 -22
  262. package/src/value-parser/README.md +0 -3
  263. package/src/value-parser/index.d.ts +0 -177
  264. package/src/value-parser/index.js +0 -28
  265. package/src/value-parser/parse.js +0 -303
  266. package/src/value-parser/stringify.js +0 -41
  267. package/src/value-parser/unit.js +0 -118
  268. package/src/value-parser/walk.js +0 -18
  269. package/stubs/.gitignore +0 -1
  270. package/stubs/.prettierrc.json +0 -6
  271. package/stubs/config.full.js +0 -1062
  272. package/stubs/config.simple.js +0 -7
  273. package/stubs/postcss.config.cjs +0 -6
  274. package/stubs/postcss.config.js +0 -6
  275. package/stubs/tailwind.config.cjs +0 -2
  276. package/stubs/tailwind.config.js +0 -2
  277. package/stubs/tailwind.config.ts +0 -3
  278. package/tailwind.css +0 -5
  279. package/types/config.d.ts +0 -369
  280. package/types/generated/.gitkeep +0 -0
  281. package/types/generated/colors.d.ts +0 -298
  282. package/types/generated/corePluginList.d.ts +0 -1
  283. package/types/generated/default-theme.d.ts +0 -397
  284. package/types/index.d.ts +0 -11
  285. package/variants.css +0 -1
@@ -1,4244 +0,0 @@
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: all[name]
9
- });
10
- }
11
- _export(exports, {
12
- variantPlugins: function() {
13
- return variantPlugins;
14
- },
15
- corePlugins: function() {
16
- return corePlugins;
17
- }
18
- });
19
- const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
20
- const _path = /*#__PURE__*/ _interop_require_wildcard(require("path"));
21
- const _postcss = /*#__PURE__*/ _interop_require_default(require("postcss"));
22
- const _createUtilityPlugin = /*#__PURE__*/ _interop_require_default(require("./util/createUtilityPlugin"));
23
- const _buildMediaQuery = /*#__PURE__*/ _interop_require_default(require("./util/buildMediaQuery"));
24
- const _escapeClassName = /*#__PURE__*/ _interop_require_default(require("./util/escapeClassName"));
25
- const _parseAnimationValue = /*#__PURE__*/ _interop_require_default(require("./util/parseAnimationValue"));
26
- const _flattenColorPalette = /*#__PURE__*/ _interop_require_default(require("./util/flattenColorPalette"));
27
- const _withAlphaVariable = /*#__PURE__*/ _interop_require_wildcard(require("./util/withAlphaVariable"));
28
- const _toColorValue = /*#__PURE__*/ _interop_require_default(require("./util/toColorValue"));
29
- const _isPlainObject = /*#__PURE__*/ _interop_require_default(require("./util/isPlainObject"));
30
- const _transformThemeValue = /*#__PURE__*/ _interop_require_default(require("./util/transformThemeValue"));
31
- const _packagejson = require("../package.json");
32
- const _log = /*#__PURE__*/ _interop_require_default(require("./util/log"));
33
- const _normalizeScreens = require("./util/normalizeScreens");
34
- const _parseBoxShadowValue = require("./util/parseBoxShadowValue");
35
- const _removeAlphaVariables = require("./util/removeAlphaVariables");
36
- const _featureFlags = require("./featureFlags");
37
- const _dataTypes = require("./util/dataTypes");
38
- const _setupContextUtils = require("./lib/setupContextUtils");
39
- function _interop_require_default(obj) {
40
- return obj && obj.__esModule ? obj : {
41
- default: obj
42
- };
43
- }
44
- function _getRequireWildcardCache(nodeInterop) {
45
- if (typeof WeakMap !== "function") return null;
46
- var cacheBabelInterop = new WeakMap();
47
- var cacheNodeInterop = new WeakMap();
48
- return (_getRequireWildcardCache = function(nodeInterop) {
49
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
50
- })(nodeInterop);
51
- }
52
- function _interop_require_wildcard(obj, nodeInterop) {
53
- if (!nodeInterop && obj && obj.__esModule) {
54
- return obj;
55
- }
56
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
57
- return {
58
- default: obj
59
- };
60
- }
61
- var cache = _getRequireWildcardCache(nodeInterop);
62
- if (cache && cache.has(obj)) {
63
- return cache.get(obj);
64
- }
65
- var newObj = {};
66
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
67
- for(var key in obj){
68
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
69
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
70
- if (desc && (desc.get || desc.set)) {
71
- Object.defineProperty(newObj, key, desc);
72
- } else {
73
- newObj[key] = obj[key];
74
- }
75
- }
76
- }
77
- newObj.default = obj;
78
- if (cache) {
79
- cache.set(obj, newObj);
80
- }
81
- return newObj;
82
- }
83
- let variantPlugins = {
84
- childVariant: ({ addVariant })=>{
85
- addVariant("*", "& > *");
86
- },
87
- pseudoElementVariants: ({ addVariant })=>{
88
- addVariant("first-letter", "&::first-letter");
89
- addVariant("first-line", "&::first-line");
90
- addVariant("marker", [
91
- ({ container })=>{
92
- (0, _removeAlphaVariables.removeAlphaVariables)(container, [
93
- "--tw-text-opacity"
94
- ]);
95
- return "& *::marker";
96
- },
97
- ({ container })=>{
98
- (0, _removeAlphaVariables.removeAlphaVariables)(container, [
99
- "--tw-text-opacity"
100
- ]);
101
- return "&::marker";
102
- }
103
- ]);
104
- addVariant("selection", [
105
- "& *::selection",
106
- "&::selection"
107
- ]);
108
- addVariant("file", "&::file-selector-button");
109
- addVariant("placeholder", "&::placeholder");
110
- addVariant("backdrop", "&::backdrop");
111
- addVariant("before", ({ container })=>{
112
- container.walkRules((rule)=>{
113
- let foundContent = false;
114
- rule.walkDecls("content", ()=>{
115
- foundContent = true;
116
- });
117
- if (!foundContent) {
118
- rule.prepend(_postcss.default.decl({
119
- prop: "content",
120
- value: "var(--tw-content)"
121
- }));
122
- }
123
- });
124
- return "&::before";
125
- });
126
- addVariant("after", ({ container })=>{
127
- container.walkRules((rule)=>{
128
- let foundContent = false;
129
- rule.walkDecls("content", ()=>{
130
- foundContent = true;
131
- });
132
- if (!foundContent) {
133
- rule.prepend(_postcss.default.decl({
134
- prop: "content",
135
- value: "var(--tw-content)"
136
- }));
137
- }
138
- });
139
- return "&::after";
140
- });
141
- },
142
- pseudoClassVariants: ({ addVariant , matchVariant , config , prefix })=>{
143
- let pseudoVariants = [
144
- // Positional
145
- [
146
- "first",
147
- "&:first-child"
148
- ],
149
- [
150
- "last",
151
- "&:last-child"
152
- ],
153
- [
154
- "only",
155
- "&:only-child"
156
- ],
157
- [
158
- "odd",
159
- "&:nth-child(odd)"
160
- ],
161
- [
162
- "even",
163
- "&:nth-child(even)"
164
- ],
165
- "first-of-type",
166
- "last-of-type",
167
- "only-of-type",
168
- // State
169
- [
170
- "visited",
171
- ({ container })=>{
172
- (0, _removeAlphaVariables.removeAlphaVariables)(container, [
173
- "--tw-text-opacity",
174
- "--tw-border-opacity",
175
- "--tw-bg-opacity"
176
- ]);
177
- return "&:visited";
178
- }
179
- ],
180
- "target",
181
- [
182
- "open",
183
- "&[open]"
184
- ],
185
- // Forms
186
- "default",
187
- "checked",
188
- "indeterminate",
189
- "placeholder-shown",
190
- "autofill",
191
- "optional",
192
- "required",
193
- "valid",
194
- "invalid",
195
- "in-range",
196
- "out-of-range",
197
- "read-only",
198
- // Content
199
- "empty",
200
- // Interactive
201
- "focus-within",
202
- [
203
- "hover",
204
- !(0, _featureFlags.flagEnabled)(config(), "hoverOnlyWhenSupported") ? "&:hover" : "@media (hover: hover) and (pointer: fine) { &:hover }"
205
- ],
206
- "focus",
207
- "focus-visible",
208
- "active",
209
- "enabled",
210
- "disabled"
211
- ].map((variant)=>Array.isArray(variant) ? variant : [
212
- variant,
213
- `&:${variant}`
214
- ]);
215
- for (let [variantName, state] of pseudoVariants){
216
- addVariant(variantName, (ctx)=>{
217
- let result = typeof state === "function" ? state(ctx) : state;
218
- return result;
219
- });
220
- }
221
- let variants = {
222
- group: (_, { modifier })=>modifier ? [
223
- `:merge(${prefix(".group")}\\/${(0, _escapeClassName.default)(modifier)})`,
224
- " &"
225
- ] : [
226
- `:merge(${prefix(".group")})`,
227
- " &"
228
- ],
229
- peer: (_, { modifier })=>modifier ? [
230
- `:merge(${prefix(".peer")}\\/${(0, _escapeClassName.default)(modifier)})`,
231
- " ~ &"
232
- ] : [
233
- `:merge(${prefix(".peer")})`,
234
- " ~ &"
235
- ]
236
- };
237
- for (let [name, fn] of Object.entries(variants)){
238
- matchVariant(name, (value = "", extra)=>{
239
- let result = (0, _dataTypes.normalize)(typeof value === "function" ? value(extra) : value);
240
- if (!result.includes("&")) result = "&" + result;
241
- let [a, b] = fn("", extra);
242
- let start = null;
243
- let end = null;
244
- let quotes = 0;
245
- for(let i = 0; i < result.length; ++i){
246
- let c = result[i];
247
- if (c === "&") {
248
- start = i;
249
- } else if (c === "'" || c === '"') {
250
- quotes += 1;
251
- } else if (start !== null && c === " " && !quotes) {
252
- end = i;
253
- }
254
- }
255
- if (start !== null && end === null) {
256
- end = result.length;
257
- }
258
- // Basically this but can handle quotes:
259
- // result.replace(/&(\S+)?/g, (_, pseudo = '') => a + pseudo + b)
260
- return result.slice(0, start) + a + result.slice(start + 1, end) + b + result.slice(end);
261
- }, {
262
- values: Object.fromEntries(pseudoVariants),
263
- [_setupContextUtils.INTERNAL_FEATURES]: {
264
- respectPrefix: false
265
- }
266
- });
267
- }
268
- },
269
- directionVariants: ({ addVariant })=>{
270
- addVariant("ltr", ':is(:where([dir="ltr"]) &)');
271
- addVariant("rtl", ':is(:where([dir="rtl"]) &)');
272
- },
273
- reducedMotionVariants: ({ addVariant })=>{
274
- addVariant("motion-safe", "@media (prefers-reduced-motion: no-preference)");
275
- addVariant("motion-reduce", "@media (prefers-reduced-motion: reduce)");
276
- },
277
- darkVariants: ({ config , addVariant })=>{
278
- let [mode, className = ".dark"] = [].concat(config("darkMode", "media"));
279
- if (mode === false) {
280
- mode = "media";
281
- _log.default.warn("darkmode-false", [
282
- "The `darkMode` option in your Tailwind CSS configuration is set to `false`, which now behaves the same as `media`.",
283
- "Change `darkMode` to `media` or remove it entirely.",
284
- "https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration"
285
- ]);
286
- }
287
- if (mode === "class") {
288
- addVariant("dark", `:is(:where(${className}) &)`);
289
- } else if (mode === "media") {
290
- addVariant("dark", "@media (prefers-color-scheme: dark)");
291
- }
292
- },
293
- printVariant: ({ addVariant })=>{
294
- addVariant("print", "@media print");
295
- },
296
- screenVariants: ({ theme , addVariant , matchVariant })=>{
297
- var _theme;
298
- let rawScreens = (_theme = theme("screens")) !== null && _theme !== void 0 ? _theme : {};
299
- let areSimpleScreens = Object.values(rawScreens).every((v)=>typeof v === "string");
300
- let screens = (0, _normalizeScreens.normalizeScreens)(theme("screens"));
301
- /** @type {Set<string>} */ let unitCache = new Set([]);
302
- /** @param {string} value */ function units(value) {
303
- var _value_match;
304
- var _value_match_;
305
- return (_value_match_ = (_value_match = value.match(/(\D+)$/)) === null || _value_match === void 0 ? void 0 : _value_match[1]) !== null && _value_match_ !== void 0 ? _value_match_ : "(none)";
306
- }
307
- /** @param {string} value */ function recordUnits(value) {
308
- if (value !== undefined) {
309
- unitCache.add(units(value));
310
- }
311
- }
312
- /** @param {string} value */ function canUseUnits(value) {
313
- recordUnits(value);
314
- // If the cache was empty it'll become 1 because we've just added the current unit
315
- // If the cache was not empty and the units are the same the size doesn't change
316
- // Otherwise, if the units are different from what is already known the size will always be > 1
317
- return unitCache.size === 1;
318
- }
319
- for (const screen of screens){
320
- for (const value of screen.values){
321
- recordUnits(value.min);
322
- recordUnits(value.max);
323
- }
324
- }
325
- let screensUseConsistentUnits = unitCache.size <= 1;
326
- /**
327
- * @typedef {import('./util/normalizeScreens').Screen} Screen
328
- */ /**
329
- * @param {'min' | 'max'} type
330
- * @returns {Record<string, Screen>}
331
- */ function buildScreenValues(type) {
332
- return Object.fromEntries(screens.filter((screen)=>(0, _normalizeScreens.isScreenSortable)(screen).result).map((screen)=>{
333
- let { min , max } = screen.values[0];
334
- if (type === "min" && min !== undefined) {
335
- return screen;
336
- } else if (type === "min" && max !== undefined) {
337
- return {
338
- ...screen,
339
- not: !screen.not
340
- };
341
- } else if (type === "max" && max !== undefined) {
342
- return screen;
343
- } else if (type === "max" && min !== undefined) {
344
- return {
345
- ...screen,
346
- not: !screen.not
347
- };
348
- }
349
- }).map((screen)=>[
350
- screen.name,
351
- screen
352
- ]));
353
- }
354
- /**
355
- * @param {'min' | 'max'} type
356
- * @returns {(a: { value: string | Screen }, z: { value: string | Screen }) => number}
357
- */ function buildSort(type) {
358
- return (a, z)=>(0, _normalizeScreens.compareScreens)(type, a.value, z.value);
359
- }
360
- let maxSort = buildSort("max");
361
- let minSort = buildSort("min");
362
- /** @param {'min'|'max'} type */ function buildScreenVariant(type) {
363
- return (value)=>{
364
- if (!areSimpleScreens) {
365
- _log.default.warn("complex-screen-config", [
366
- "The `min-*` and `max-*` variants are not supported with a `screens` configuration containing objects."
367
- ]);
368
- return [];
369
- } else if (!screensUseConsistentUnits) {
370
- _log.default.warn("mixed-screen-units", [
371
- "The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."
372
- ]);
373
- return [];
374
- } else if (typeof value === "string" && !canUseUnits(value)) {
375
- _log.default.warn("minmax-have-mixed-units", [
376
- "The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."
377
- ]);
378
- return [];
379
- }
380
- return [
381
- `@media ${(0, _buildMediaQuery.default)((0, _normalizeScreens.toScreen)(value, type))}`
382
- ];
383
- };
384
- }
385
- matchVariant("max", buildScreenVariant("max"), {
386
- sort: maxSort,
387
- values: areSimpleScreens ? buildScreenValues("max") : {}
388
- });
389
- // screens and min-* are sorted together when they can be
390
- let id = "min-screens";
391
- for (let screen of screens){
392
- addVariant(screen.name, `@media ${(0, _buildMediaQuery.default)(screen)}`, {
393
- id,
394
- sort: areSimpleScreens && screensUseConsistentUnits ? minSort : undefined,
395
- value: screen
396
- });
397
- }
398
- matchVariant("min", buildScreenVariant("min"), {
399
- id,
400
- sort: minSort
401
- });
402
- },
403
- supportsVariants: ({ matchVariant , theme })=>{
404
- var _theme;
405
- matchVariant("supports", (value = "")=>{
406
- let check = (0, _dataTypes.normalize)(value);
407
- let isRaw = /^\w*\s*\(/.test(check);
408
- // Chrome has a bug where `(condtion1)or(condition2)` is not valid
409
- // But `(condition1) or (condition2)` is supported.
410
- check = isRaw ? check.replace(/\b(and|or|not)\b/g, " $1 ") : check;
411
- if (isRaw) {
412
- return `@supports ${check}`;
413
- }
414
- if (!check.includes(":")) {
415
- check = `${check}: var(--tw)`;
416
- }
417
- if (!(check.startsWith("(") && check.endsWith(")"))) {
418
- check = `(${check})`;
419
- }
420
- return `@supports ${check}`;
421
- }, {
422
- values: (_theme = theme("supports")) !== null && _theme !== void 0 ? _theme : {}
423
- });
424
- },
425
- hasVariants: ({ matchVariant })=>{
426
- matchVariant("has", (value)=>`&:has(${(0, _dataTypes.normalize)(value)})`, {
427
- values: {}
428
- });
429
- matchVariant("group-has", (value, { modifier })=>modifier ? `:merge(.group\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) &` : `:merge(.group):has(${(0, _dataTypes.normalize)(value)}) &`, {
430
- values: {}
431
- });
432
- matchVariant("peer-has", (value, { modifier })=>modifier ? `:merge(.peer\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) ~ &` : `:merge(.peer):has(${(0, _dataTypes.normalize)(value)}) ~ &`, {
433
- values: {}
434
- });
435
- },
436
- ariaVariants: ({ matchVariant , theme })=>{
437
- var _theme;
438
- matchVariant("aria", (value)=>`&[aria-${(0, _dataTypes.normalize)(value)}]`, {
439
- values: (_theme = theme("aria")) !== null && _theme !== void 0 ? _theme : {}
440
- });
441
- var _theme1;
442
- matchVariant("group-aria", (value, { modifier })=>modifier ? `:merge(.group\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[aria-${(0, _dataTypes.normalize)(value)}] &`, {
443
- values: (_theme1 = theme("aria")) !== null && _theme1 !== void 0 ? _theme1 : {}
444
- });
445
- var _theme2;
446
- matchVariant("peer-aria", (value, { modifier })=>modifier ? `:merge(.peer\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[aria-${(0, _dataTypes.normalize)(value)}] ~ &`, {
447
- values: (_theme2 = theme("aria")) !== null && _theme2 !== void 0 ? _theme2 : {}
448
- });
449
- },
450
- dataVariants: ({ matchVariant , theme })=>{
451
- var _theme;
452
- matchVariant("data", (value)=>`&[data-${(0, _dataTypes.normalize)(value)}]`, {
453
- values: (_theme = theme("data")) !== null && _theme !== void 0 ? _theme : {}
454
- });
455
- var _theme1;
456
- matchVariant("group-data", (value, { modifier })=>modifier ? `:merge(.group\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[data-${(0, _dataTypes.normalize)(value)}] &`, {
457
- values: (_theme1 = theme("data")) !== null && _theme1 !== void 0 ? _theme1 : {}
458
- });
459
- var _theme2;
460
- matchVariant("peer-data", (value, { modifier })=>modifier ? `:merge(.peer\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[data-${(0, _dataTypes.normalize)(value)}] ~ &`, {
461
- values: (_theme2 = theme("data")) !== null && _theme2 !== void 0 ? _theme2 : {}
462
- });
463
- },
464
- orientationVariants: ({ addVariant })=>{
465
- addVariant("portrait", "@media (orientation: portrait)");
466
- addVariant("landscape", "@media (orientation: landscape)");
467
- },
468
- prefersContrastVariants: ({ addVariant })=>{
469
- addVariant("contrast-more", "@media (prefers-contrast: more)");
470
- addVariant("contrast-less", "@media (prefers-contrast: less)");
471
- },
472
- forcedColorsVariants: ({ addVariant })=>{
473
- addVariant("forced-colors", "@media (forced-colors: active)");
474
- }
475
- };
476
- let cssTransformValue = [
477
- "translate(var(--tw-translate-x), var(--tw-translate-y))",
478
- "rotate(var(--tw-rotate))",
479
- "skewX(var(--tw-skew-x))",
480
- "skewY(var(--tw-skew-y))",
481
- "scaleX(var(--tw-scale-x))",
482
- "scaleY(var(--tw-scale-y))"
483
- ].join(" ");
484
- let cssFilterValue = [
485
- "var(--tw-blur)",
486
- "var(--tw-brightness)",
487
- "var(--tw-contrast)",
488
- "var(--tw-grayscale)",
489
- "var(--tw-hue-rotate)",
490
- "var(--tw-invert)",
491
- "var(--tw-saturate)",
492
- "var(--tw-sepia)",
493
- "var(--tw-drop-shadow)"
494
- ].join(" ");
495
- let cssBackdropFilterValue = [
496
- "var(--tw-backdrop-blur)",
497
- "var(--tw-backdrop-brightness)",
498
- "var(--tw-backdrop-contrast)",
499
- "var(--tw-backdrop-grayscale)",
500
- "var(--tw-backdrop-hue-rotate)",
501
- "var(--tw-backdrop-invert)",
502
- "var(--tw-backdrop-opacity)",
503
- "var(--tw-backdrop-saturate)",
504
- "var(--tw-backdrop-sepia)"
505
- ].join(" ");
506
- let corePlugins = {
507
- preflight: ({ addBase })=>{
508
- let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(_path.join(__dirname, "./css/preflight.css"), "utf8"));
509
- addBase([
510
- _postcss.default.comment({
511
- text: `! tailwindcss v${_packagejson.version} | MIT License | https://tailwindcss.com`
512
- }),
513
- ...preflightStyles.nodes
514
- ]);
515
- },
516
- container: (()=>{
517
- function extractMinWidths(breakpoints = []) {
518
- return breakpoints.flatMap((breakpoint)=>breakpoint.values.map((breakpoint)=>breakpoint.min)).filter((v)=>v !== undefined);
519
- }
520
- function mapMinWidthsToPadding(minWidths, screens, paddings) {
521
- if (typeof paddings === "undefined") {
522
- return [];
523
- }
524
- if (!(typeof paddings === "object" && paddings !== null)) {
525
- return [
526
- {
527
- screen: "DEFAULT",
528
- minWidth: 0,
529
- padding: paddings
530
- }
531
- ];
532
- }
533
- let mapping = [];
534
- if (paddings.DEFAULT) {
535
- mapping.push({
536
- screen: "DEFAULT",
537
- minWidth: 0,
538
- padding: paddings.DEFAULT
539
- });
540
- }
541
- for (let minWidth of minWidths){
542
- for (let screen of screens){
543
- for (let { min } of screen.values){
544
- if (min === minWidth) {
545
- mapping.push({
546
- minWidth,
547
- padding: paddings[screen.name]
548
- });
549
- }
550
- }
551
- }
552
- }
553
- return mapping;
554
- }
555
- return function({ addComponents , theme }) {
556
- let screens = (0, _normalizeScreens.normalizeScreens)(theme("container.screens", theme("screens")));
557
- let minWidths = extractMinWidths(screens);
558
- let paddings = mapMinWidthsToPadding(minWidths, screens, theme("container.padding"));
559
- let generatePaddingFor = (minWidth)=>{
560
- let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth);
561
- if (!paddingConfig) {
562
- return {};
563
- }
564
- return {
565
- paddingRight: paddingConfig.padding,
566
- paddingLeft: paddingConfig.padding
567
- };
568
- };
569
- let atRules = Array.from(new Set(minWidths.slice().sort((a, z)=>parseInt(a) - parseInt(z)))).map((minWidth)=>({
570
- [`@media (min-width: ${minWidth})`]: {
571
- ".container": {
572
- "max-width": minWidth,
573
- ...generatePaddingFor(minWidth)
574
- }
575
- }
576
- }));
577
- addComponents([
578
- {
579
- ".container": Object.assign({
580
- width: "100%"
581
- }, theme("container.center", false) ? {
582
- marginRight: "auto",
583
- marginLeft: "auto"
584
- } : {}, generatePaddingFor(0))
585
- },
586
- ...atRules
587
- ]);
588
- };
589
- })(),
590
- accessibility: ({ addUtilities })=>{
591
- addUtilities({
592
- ".sr-only": {
593
- position: "absolute",
594
- width: "1px",
595
- height: "1px",
596
- padding: "0",
597
- margin: "-1px",
598
- overflow: "hidden",
599
- clip: "rect(0, 0, 0, 0)",
600
- whiteSpace: "nowrap",
601
- borderWidth: "0"
602
- },
603
- ".not-sr-only": {
604
- position: "static",
605
- width: "auto",
606
- height: "auto",
607
- padding: "0",
608
- margin: "0",
609
- overflow: "visible",
610
- clip: "auto",
611
- whiteSpace: "normal"
612
- }
613
- });
614
- },
615
- pointerEvents: ({ addUtilities })=>{
616
- addUtilities({
617
- ".pointer-events-none": {
618
- "pointer-events": "none"
619
- },
620
- ".pointer-events-auto": {
621
- "pointer-events": "auto"
622
- }
623
- });
624
- },
625
- visibility: ({ addUtilities })=>{
626
- addUtilities({
627
- ".visible": {
628
- visibility: "visible"
629
- },
630
- ".invisible": {
631
- visibility: "hidden"
632
- },
633
- ".collapse": {
634
- visibility: "collapse"
635
- }
636
- });
637
- },
638
- position: ({ addUtilities })=>{
639
- addUtilities({
640
- ".static": {
641
- position: "static"
642
- },
643
- ".fixed": {
644
- position: "fixed"
645
- },
646
- ".absolute": {
647
- position: "absolute"
648
- },
649
- ".relative": {
650
- position: "relative"
651
- },
652
- ".sticky": {
653
- position: "sticky"
654
- }
655
- });
656
- },
657
- inset: (0, _createUtilityPlugin.default)("inset", [
658
- [
659
- "inset",
660
- [
661
- "inset"
662
- ]
663
- ],
664
- [
665
- [
666
- "inset-x",
667
- [
668
- "left",
669
- "right"
670
- ]
671
- ],
672
- [
673
- "inset-y",
674
- [
675
- "top",
676
- "bottom"
677
- ]
678
- ]
679
- ],
680
- [
681
- [
682
- "start",
683
- [
684
- "inset-inline-start"
685
- ]
686
- ],
687
- [
688
- "end",
689
- [
690
- "inset-inline-end"
691
- ]
692
- ],
693
- [
694
- "top",
695
- [
696
- "top"
697
- ]
698
- ],
699
- [
700
- "right",
701
- [
702
- "right"
703
- ]
704
- ],
705
- [
706
- "bottom",
707
- [
708
- "bottom"
709
- ]
710
- ],
711
- [
712
- "left",
713
- [
714
- "left"
715
- ]
716
- ]
717
- ]
718
- ], {
719
- supportsNegativeValues: true
720
- }),
721
- isolation: ({ addUtilities })=>{
722
- addUtilities({
723
- ".isolate": {
724
- isolation: "isolate"
725
- },
726
- ".isolation-auto": {
727
- isolation: "auto"
728
- }
729
- });
730
- },
731
- zIndex: (0, _createUtilityPlugin.default)("zIndex", [
732
- [
733
- "z",
734
- [
735
- "zIndex"
736
- ]
737
- ]
738
- ], {
739
- supportsNegativeValues: true
740
- }),
741
- order: (0, _createUtilityPlugin.default)("order", undefined, {
742
- supportsNegativeValues: true
743
- }),
744
- gridColumn: (0, _createUtilityPlugin.default)("gridColumn", [
745
- [
746
- "col",
747
- [
748
- "gridColumn"
749
- ]
750
- ]
751
- ]),
752
- gridColumnStart: (0, _createUtilityPlugin.default)("gridColumnStart", [
753
- [
754
- "col-start",
755
- [
756
- "gridColumnStart"
757
- ]
758
- ]
759
- ]),
760
- gridColumnEnd: (0, _createUtilityPlugin.default)("gridColumnEnd", [
761
- [
762
- "col-end",
763
- [
764
- "gridColumnEnd"
765
- ]
766
- ]
767
- ]),
768
- gridRow: (0, _createUtilityPlugin.default)("gridRow", [
769
- [
770
- "row",
771
- [
772
- "gridRow"
773
- ]
774
- ]
775
- ]),
776
- gridRowStart: (0, _createUtilityPlugin.default)("gridRowStart", [
777
- [
778
- "row-start",
779
- [
780
- "gridRowStart"
781
- ]
782
- ]
783
- ]),
784
- gridRowEnd: (0, _createUtilityPlugin.default)("gridRowEnd", [
785
- [
786
- "row-end",
787
- [
788
- "gridRowEnd"
789
- ]
790
- ]
791
- ]),
792
- float: ({ addUtilities })=>{
793
- addUtilities({
794
- ".float-start": {
795
- float: "inline-start"
796
- },
797
- ".float-end": {
798
- float: "inline-end"
799
- },
800
- ".float-right": {
801
- float: "right"
802
- },
803
- ".float-left": {
804
- float: "left"
805
- },
806
- ".float-none": {
807
- float: "none"
808
- }
809
- });
810
- },
811
- clear: ({ addUtilities })=>{
812
- addUtilities({
813
- ".clear-start": {
814
- clear: "inline-start"
815
- },
816
- ".clear-end": {
817
- clear: "inline-end"
818
- },
819
- ".clear-left": {
820
- clear: "left"
821
- },
822
- ".clear-right": {
823
- clear: "right"
824
- },
825
- ".clear-both": {
826
- clear: "both"
827
- },
828
- ".clear-none": {
829
- clear: "none"
830
- }
831
- });
832
- },
833
- margin: (0, _createUtilityPlugin.default)("margin", [
834
- [
835
- "m",
836
- [
837
- "margin"
838
- ]
839
- ],
840
- [
841
- [
842
- "mx",
843
- [
844
- "margin-left",
845
- "margin-right"
846
- ]
847
- ],
848
- [
849
- "my",
850
- [
851
- "margin-top",
852
- "margin-bottom"
853
- ]
854
- ]
855
- ],
856
- [
857
- [
858
- "ms",
859
- [
860
- "margin-inline-start"
861
- ]
862
- ],
863
- [
864
- "me",
865
- [
866
- "margin-inline-end"
867
- ]
868
- ],
869
- [
870
- "mt",
871
- [
872
- "margin-top"
873
- ]
874
- ],
875
- [
876
- "mr",
877
- [
878
- "margin-right"
879
- ]
880
- ],
881
- [
882
- "mb",
883
- [
884
- "margin-bottom"
885
- ]
886
- ],
887
- [
888
- "ml",
889
- [
890
- "margin-left"
891
- ]
892
- ]
893
- ]
894
- ], {
895
- supportsNegativeValues: true
896
- }),
897
- boxSizing: ({ addUtilities })=>{
898
- addUtilities({
899
- ".box-border": {
900
- "box-sizing": "border-box"
901
- },
902
- ".box-content": {
903
- "box-sizing": "content-box"
904
- }
905
- });
906
- },
907
- lineClamp: ({ matchUtilities , addUtilities , theme })=>{
908
- matchUtilities({
909
- "line-clamp": (value)=>({
910
- overflow: "hidden",
911
- display: "-webkit-box",
912
- "-webkit-box-orient": "vertical",
913
- "-webkit-line-clamp": `${value}`
914
- })
915
- }, {
916
- values: theme("lineClamp")
917
- });
918
- addUtilities({
919
- ".line-clamp-none": {
920
- overflow: "visible",
921
- display: "block",
922
- "-webkit-box-orient": "horizontal",
923
- "-webkit-line-clamp": "none"
924
- }
925
- });
926
- },
927
- display: ({ addUtilities })=>{
928
- addUtilities({
929
- ".block": {
930
- display: "block"
931
- },
932
- ".inline-block": {
933
- display: "inline-block"
934
- },
935
- ".inline": {
936
- display: "inline"
937
- },
938
- ".flex": {
939
- display: "flex"
940
- },
941
- ".inline-flex": {
942
- display: "inline-flex"
943
- },
944
- ".table": {
945
- display: "table"
946
- },
947
- ".inline-table": {
948
- display: "inline-table"
949
- },
950
- ".table-caption": {
951
- display: "table-caption"
952
- },
953
- ".table-cell": {
954
- display: "table-cell"
955
- },
956
- ".table-column": {
957
- display: "table-column"
958
- },
959
- ".table-column-group": {
960
- display: "table-column-group"
961
- },
962
- ".table-footer-group": {
963
- display: "table-footer-group"
964
- },
965
- ".table-header-group": {
966
- display: "table-header-group"
967
- },
968
- ".table-row-group": {
969
- display: "table-row-group"
970
- },
971
- ".table-row": {
972
- display: "table-row"
973
- },
974
- ".flow-root": {
975
- display: "flow-root"
976
- },
977
- ".grid": {
978
- display: "grid"
979
- },
980
- ".inline-grid": {
981
- display: "inline-grid"
982
- },
983
- ".contents": {
984
- display: "contents"
985
- },
986
- ".list-item": {
987
- display: "list-item"
988
- },
989
- ".hidden": {
990
- display: "none"
991
- }
992
- });
993
- },
994
- aspectRatio: (0, _createUtilityPlugin.default)("aspectRatio", [
995
- [
996
- "aspect",
997
- [
998
- "aspect-ratio"
999
- ]
1000
- ]
1001
- ]),
1002
- size: (0, _createUtilityPlugin.default)("size", [
1003
- [
1004
- "size",
1005
- [
1006
- "width",
1007
- "height"
1008
- ]
1009
- ]
1010
- ]),
1011
- height: (0, _createUtilityPlugin.default)("height", [
1012
- [
1013
- "h",
1014
- [
1015
- "height"
1016
- ]
1017
- ]
1018
- ]),
1019
- maxHeight: (0, _createUtilityPlugin.default)("maxHeight", [
1020
- [
1021
- "max-h",
1022
- [
1023
- "maxHeight"
1024
- ]
1025
- ]
1026
- ]),
1027
- minHeight: (0, _createUtilityPlugin.default)("minHeight", [
1028
- [
1029
- "min-h",
1030
- [
1031
- "minHeight"
1032
- ]
1033
- ]
1034
- ]),
1035
- width: (0, _createUtilityPlugin.default)("width", [
1036
- [
1037
- "w",
1038
- [
1039
- "width"
1040
- ]
1041
- ]
1042
- ]),
1043
- minWidth: (0, _createUtilityPlugin.default)("minWidth", [
1044
- [
1045
- "min-w",
1046
- [
1047
- "minWidth"
1048
- ]
1049
- ]
1050
- ]),
1051
- maxWidth: (0, _createUtilityPlugin.default)("maxWidth", [
1052
- [
1053
- "max-w",
1054
- [
1055
- "maxWidth"
1056
- ]
1057
- ]
1058
- ]),
1059
- flex: (0, _createUtilityPlugin.default)("flex"),
1060
- flexShrink: (0, _createUtilityPlugin.default)("flexShrink", [
1061
- [
1062
- "flex-shrink",
1063
- [
1064
- "flex-shrink"
1065
- ]
1066
- ],
1067
- [
1068
- "shrink",
1069
- [
1070
- "flex-shrink"
1071
- ]
1072
- ]
1073
- ]),
1074
- flexGrow: (0, _createUtilityPlugin.default)("flexGrow", [
1075
- [
1076
- "flex-grow",
1077
- [
1078
- "flex-grow"
1079
- ]
1080
- ],
1081
- [
1082
- "grow",
1083
- [
1084
- "flex-grow"
1085
- ]
1086
- ]
1087
- ]),
1088
- flexBasis: (0, _createUtilityPlugin.default)("flexBasis", [
1089
- [
1090
- "basis",
1091
- [
1092
- "flex-basis"
1093
- ]
1094
- ]
1095
- ]),
1096
- tableLayout: ({ addUtilities })=>{
1097
- addUtilities({
1098
- ".table-auto": {
1099
- "table-layout": "auto"
1100
- },
1101
- ".table-fixed": {
1102
- "table-layout": "fixed"
1103
- }
1104
- });
1105
- },
1106
- captionSide: ({ addUtilities })=>{
1107
- addUtilities({
1108
- ".caption-top": {
1109
- "caption-side": "top"
1110
- },
1111
- ".caption-bottom": {
1112
- "caption-side": "bottom"
1113
- }
1114
- });
1115
- },
1116
- borderCollapse: ({ addUtilities })=>{
1117
- addUtilities({
1118
- ".border-collapse": {
1119
- "border-collapse": "collapse"
1120
- },
1121
- ".border-separate": {
1122
- "border-collapse": "separate"
1123
- }
1124
- });
1125
- },
1126
- borderSpacing: ({ addDefaults , matchUtilities , theme })=>{
1127
- addDefaults("border-spacing", {
1128
- "--tw-border-spacing-x": 0,
1129
- "--tw-border-spacing-y": 0
1130
- });
1131
- matchUtilities({
1132
- "border-spacing": (value)=>{
1133
- return {
1134
- "--tw-border-spacing-x": value,
1135
- "--tw-border-spacing-y": value,
1136
- "@defaults border-spacing": {},
1137
- "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
1138
- };
1139
- },
1140
- "border-spacing-x": (value)=>{
1141
- return {
1142
- "--tw-border-spacing-x": value,
1143
- "@defaults border-spacing": {},
1144
- "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
1145
- };
1146
- },
1147
- "border-spacing-y": (value)=>{
1148
- return {
1149
- "--tw-border-spacing-y": value,
1150
- "@defaults border-spacing": {},
1151
- "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
1152
- };
1153
- }
1154
- }, {
1155
- values: theme("borderSpacing")
1156
- });
1157
- },
1158
- transformOrigin: (0, _createUtilityPlugin.default)("transformOrigin", [
1159
- [
1160
- "origin",
1161
- [
1162
- "transformOrigin"
1163
- ]
1164
- ]
1165
- ]),
1166
- translate: (0, _createUtilityPlugin.default)("translate", [
1167
- [
1168
- [
1169
- "translate-x",
1170
- [
1171
- [
1172
- "@defaults transform",
1173
- {}
1174
- ],
1175
- "--tw-translate-x",
1176
- [
1177
- "transform",
1178
- cssTransformValue
1179
- ]
1180
- ]
1181
- ],
1182
- [
1183
- "translate-y",
1184
- [
1185
- [
1186
- "@defaults transform",
1187
- {}
1188
- ],
1189
- "--tw-translate-y",
1190
- [
1191
- "transform",
1192
- cssTransformValue
1193
- ]
1194
- ]
1195
- ]
1196
- ]
1197
- ], {
1198
- supportsNegativeValues: true
1199
- }),
1200
- rotate: (0, _createUtilityPlugin.default)("rotate", [
1201
- [
1202
- "rotate",
1203
- [
1204
- [
1205
- "@defaults transform",
1206
- {}
1207
- ],
1208
- "--tw-rotate",
1209
- [
1210
- "transform",
1211
- cssTransformValue
1212
- ]
1213
- ]
1214
- ]
1215
- ], {
1216
- supportsNegativeValues: true
1217
- }),
1218
- skew: (0, _createUtilityPlugin.default)("skew", [
1219
- [
1220
- [
1221
- "skew-x",
1222
- [
1223
- [
1224
- "@defaults transform",
1225
- {}
1226
- ],
1227
- "--tw-skew-x",
1228
- [
1229
- "transform",
1230
- cssTransformValue
1231
- ]
1232
- ]
1233
- ],
1234
- [
1235
- "skew-y",
1236
- [
1237
- [
1238
- "@defaults transform",
1239
- {}
1240
- ],
1241
- "--tw-skew-y",
1242
- [
1243
- "transform",
1244
- cssTransformValue
1245
- ]
1246
- ]
1247
- ]
1248
- ]
1249
- ], {
1250
- supportsNegativeValues: true
1251
- }),
1252
- scale: (0, _createUtilityPlugin.default)("scale", [
1253
- [
1254
- "scale",
1255
- [
1256
- [
1257
- "@defaults transform",
1258
- {}
1259
- ],
1260
- "--tw-scale-x",
1261
- "--tw-scale-y",
1262
- [
1263
- "transform",
1264
- cssTransformValue
1265
- ]
1266
- ]
1267
- ],
1268
- [
1269
- [
1270
- "scale-x",
1271
- [
1272
- [
1273
- "@defaults transform",
1274
- {}
1275
- ],
1276
- "--tw-scale-x",
1277
- [
1278
- "transform",
1279
- cssTransformValue
1280
- ]
1281
- ]
1282
- ],
1283
- [
1284
- "scale-y",
1285
- [
1286
- [
1287
- "@defaults transform",
1288
- {}
1289
- ],
1290
- "--tw-scale-y",
1291
- [
1292
- "transform",
1293
- cssTransformValue
1294
- ]
1295
- ]
1296
- ]
1297
- ]
1298
- ], {
1299
- supportsNegativeValues: true
1300
- }),
1301
- transform: ({ addDefaults , addUtilities })=>{
1302
- addDefaults("transform", {
1303
- "--tw-translate-x": "0",
1304
- "--tw-translate-y": "0",
1305
- "--tw-rotate": "0",
1306
- "--tw-skew-x": "0",
1307
- "--tw-skew-y": "0",
1308
- "--tw-scale-x": "1",
1309
- "--tw-scale-y": "1"
1310
- });
1311
- addUtilities({
1312
- ".transform": {
1313
- "@defaults transform": {},
1314
- transform: cssTransformValue
1315
- },
1316
- ".transform-cpu": {
1317
- transform: cssTransformValue
1318
- },
1319
- ".transform-gpu": {
1320
- transform: cssTransformValue.replace("translate(var(--tw-translate-x), var(--tw-translate-y))", "translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)")
1321
- },
1322
- ".transform-none": {
1323
- transform: "none"
1324
- }
1325
- });
1326
- },
1327
- animation: ({ matchUtilities , theme , config })=>{
1328
- let prefixName = (name)=>(0, _escapeClassName.default)(config("prefix") + name);
1329
- var _theme;
1330
- let keyframes = Object.fromEntries(Object.entries((_theme = theme("keyframes")) !== null && _theme !== void 0 ? _theme : {}).map(([key, value])=>{
1331
- return [
1332
- key,
1333
- {
1334
- [`@keyframes ${prefixName(key)}`]: value
1335
- }
1336
- ];
1337
- }));
1338
- matchUtilities({
1339
- animate: (value)=>{
1340
- let animations = (0, _parseAnimationValue.default)(value);
1341
- return [
1342
- ...animations.flatMap((animation)=>keyframes[animation.name]),
1343
- {
1344
- animation: animations.map(({ name , value })=>{
1345
- if (name === undefined || keyframes[name] === undefined) {
1346
- return value;
1347
- }
1348
- return value.replace(name, prefixName(name));
1349
- }).join(", ")
1350
- }
1351
- ];
1352
- }
1353
- }, {
1354
- values: theme("animation")
1355
- });
1356
- },
1357
- cursor: (0, _createUtilityPlugin.default)("cursor"),
1358
- touchAction: ({ addDefaults , addUtilities })=>{
1359
- addDefaults("touch-action", {
1360
- "--tw-pan-x": " ",
1361
- "--tw-pan-y": " ",
1362
- "--tw-pinch-zoom": " "
1363
- });
1364
- let cssTouchActionValue = "var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)";
1365
- addUtilities({
1366
- ".touch-auto": {
1367
- "touch-action": "auto"
1368
- },
1369
- ".touch-none": {
1370
- "touch-action": "none"
1371
- },
1372
- ".touch-pan-x": {
1373
- "@defaults touch-action": {},
1374
- "--tw-pan-x": "pan-x",
1375
- "touch-action": cssTouchActionValue
1376
- },
1377
- ".touch-pan-left": {
1378
- "@defaults touch-action": {},
1379
- "--tw-pan-x": "pan-left",
1380
- "touch-action": cssTouchActionValue
1381
- },
1382
- ".touch-pan-right": {
1383
- "@defaults touch-action": {},
1384
- "--tw-pan-x": "pan-right",
1385
- "touch-action": cssTouchActionValue
1386
- },
1387
- ".touch-pan-y": {
1388
- "@defaults touch-action": {},
1389
- "--tw-pan-y": "pan-y",
1390
- "touch-action": cssTouchActionValue
1391
- },
1392
- ".touch-pan-up": {
1393
- "@defaults touch-action": {},
1394
- "--tw-pan-y": "pan-up",
1395
- "touch-action": cssTouchActionValue
1396
- },
1397
- ".touch-pan-down": {
1398
- "@defaults touch-action": {},
1399
- "--tw-pan-y": "pan-down",
1400
- "touch-action": cssTouchActionValue
1401
- },
1402
- ".touch-pinch-zoom": {
1403
- "@defaults touch-action": {},
1404
- "--tw-pinch-zoom": "pinch-zoom",
1405
- "touch-action": cssTouchActionValue
1406
- },
1407
- ".touch-manipulation": {
1408
- "touch-action": "manipulation"
1409
- }
1410
- });
1411
- },
1412
- userSelect: ({ addUtilities })=>{
1413
- addUtilities({
1414
- ".select-none": {
1415
- "user-select": "none"
1416
- },
1417
- ".select-text": {
1418
- "user-select": "text"
1419
- },
1420
- ".select-all": {
1421
- "user-select": "all"
1422
- },
1423
- ".select-auto": {
1424
- "user-select": "auto"
1425
- }
1426
- });
1427
- },
1428
- resize: ({ addUtilities })=>{
1429
- addUtilities({
1430
- ".resize-none": {
1431
- resize: "none"
1432
- },
1433
- ".resize-y": {
1434
- resize: "vertical"
1435
- },
1436
- ".resize-x": {
1437
- resize: "horizontal"
1438
- },
1439
- ".resize": {
1440
- resize: "both"
1441
- }
1442
- });
1443
- },
1444
- scrollSnapType: ({ addDefaults , addUtilities })=>{
1445
- addDefaults("scroll-snap-type", {
1446
- "--tw-scroll-snap-strictness": "proximity"
1447
- });
1448
- addUtilities({
1449
- ".snap-none": {
1450
- "scroll-snap-type": "none"
1451
- },
1452
- ".snap-x": {
1453
- "@defaults scroll-snap-type": {},
1454
- "scroll-snap-type": "x var(--tw-scroll-snap-strictness)"
1455
- },
1456
- ".snap-y": {
1457
- "@defaults scroll-snap-type": {},
1458
- "scroll-snap-type": "y var(--tw-scroll-snap-strictness)"
1459
- },
1460
- ".snap-both": {
1461
- "@defaults scroll-snap-type": {},
1462
- "scroll-snap-type": "both var(--tw-scroll-snap-strictness)"
1463
- },
1464
- ".snap-mandatory": {
1465
- "--tw-scroll-snap-strictness": "mandatory"
1466
- },
1467
- ".snap-proximity": {
1468
- "--tw-scroll-snap-strictness": "proximity"
1469
- }
1470
- });
1471
- },
1472
- scrollSnapAlign: ({ addUtilities })=>{
1473
- addUtilities({
1474
- ".snap-start": {
1475
- "scroll-snap-align": "start"
1476
- },
1477
- ".snap-end": {
1478
- "scroll-snap-align": "end"
1479
- },
1480
- ".snap-center": {
1481
- "scroll-snap-align": "center"
1482
- },
1483
- ".snap-align-none": {
1484
- "scroll-snap-align": "none"
1485
- }
1486
- });
1487
- },
1488
- scrollSnapStop: ({ addUtilities })=>{
1489
- addUtilities({
1490
- ".snap-normal": {
1491
- "scroll-snap-stop": "normal"
1492
- },
1493
- ".snap-always": {
1494
- "scroll-snap-stop": "always"
1495
- }
1496
- });
1497
- },
1498
- scrollMargin: (0, _createUtilityPlugin.default)("scrollMargin", [
1499
- [
1500
- "scroll-m",
1501
- [
1502
- "scroll-margin"
1503
- ]
1504
- ],
1505
- [
1506
- [
1507
- "scroll-mx",
1508
- [
1509
- "scroll-margin-left",
1510
- "scroll-margin-right"
1511
- ]
1512
- ],
1513
- [
1514
- "scroll-my",
1515
- [
1516
- "scroll-margin-top",
1517
- "scroll-margin-bottom"
1518
- ]
1519
- ]
1520
- ],
1521
- [
1522
- [
1523
- "scroll-ms",
1524
- [
1525
- "scroll-margin-inline-start"
1526
- ]
1527
- ],
1528
- [
1529
- "scroll-me",
1530
- [
1531
- "scroll-margin-inline-end"
1532
- ]
1533
- ],
1534
- [
1535
- "scroll-mt",
1536
- [
1537
- "scroll-margin-top"
1538
- ]
1539
- ],
1540
- [
1541
- "scroll-mr",
1542
- [
1543
- "scroll-margin-right"
1544
- ]
1545
- ],
1546
- [
1547
- "scroll-mb",
1548
- [
1549
- "scroll-margin-bottom"
1550
- ]
1551
- ],
1552
- [
1553
- "scroll-ml",
1554
- [
1555
- "scroll-margin-left"
1556
- ]
1557
- ]
1558
- ]
1559
- ], {
1560
- supportsNegativeValues: true
1561
- }),
1562
- scrollPadding: (0, _createUtilityPlugin.default)("scrollPadding", [
1563
- [
1564
- "scroll-p",
1565
- [
1566
- "scroll-padding"
1567
- ]
1568
- ],
1569
- [
1570
- [
1571
- "scroll-px",
1572
- [
1573
- "scroll-padding-left",
1574
- "scroll-padding-right"
1575
- ]
1576
- ],
1577
- [
1578
- "scroll-py",
1579
- [
1580
- "scroll-padding-top",
1581
- "scroll-padding-bottom"
1582
- ]
1583
- ]
1584
- ],
1585
- [
1586
- [
1587
- "scroll-ps",
1588
- [
1589
- "scroll-padding-inline-start"
1590
- ]
1591
- ],
1592
- [
1593
- "scroll-pe",
1594
- [
1595
- "scroll-padding-inline-end"
1596
- ]
1597
- ],
1598
- [
1599
- "scroll-pt",
1600
- [
1601
- "scroll-padding-top"
1602
- ]
1603
- ],
1604
- [
1605
- "scroll-pr",
1606
- [
1607
- "scroll-padding-right"
1608
- ]
1609
- ],
1610
- [
1611
- "scroll-pb",
1612
- [
1613
- "scroll-padding-bottom"
1614
- ]
1615
- ],
1616
- [
1617
- "scroll-pl",
1618
- [
1619
- "scroll-padding-left"
1620
- ]
1621
- ]
1622
- ]
1623
- ]),
1624
- listStylePosition: ({ addUtilities })=>{
1625
- addUtilities({
1626
- ".list-inside": {
1627
- "list-style-position": "inside"
1628
- },
1629
- ".list-outside": {
1630
- "list-style-position": "outside"
1631
- }
1632
- });
1633
- },
1634
- listStyleType: (0, _createUtilityPlugin.default)("listStyleType", [
1635
- [
1636
- "list",
1637
- [
1638
- "listStyleType"
1639
- ]
1640
- ]
1641
- ]),
1642
- listStyleImage: (0, _createUtilityPlugin.default)("listStyleImage", [
1643
- [
1644
- "list-image",
1645
- [
1646
- "listStyleImage"
1647
- ]
1648
- ]
1649
- ]),
1650
- appearance: ({ addUtilities })=>{
1651
- addUtilities({
1652
- ".appearance-none": {
1653
- appearance: "none"
1654
- },
1655
- ".appearance-auto": {
1656
- appearance: "auto"
1657
- }
1658
- });
1659
- },
1660
- columns: (0, _createUtilityPlugin.default)("columns", [
1661
- [
1662
- "columns",
1663
- [
1664
- "columns"
1665
- ]
1666
- ]
1667
- ]),
1668
- breakBefore: ({ addUtilities })=>{
1669
- addUtilities({
1670
- ".break-before-auto": {
1671
- "break-before": "auto"
1672
- },
1673
- ".break-before-avoid": {
1674
- "break-before": "avoid"
1675
- },
1676
- ".break-before-all": {
1677
- "break-before": "all"
1678
- },
1679
- ".break-before-avoid-page": {
1680
- "break-before": "avoid-page"
1681
- },
1682
- ".break-before-page": {
1683
- "break-before": "page"
1684
- },
1685
- ".break-before-left": {
1686
- "break-before": "left"
1687
- },
1688
- ".break-before-right": {
1689
- "break-before": "right"
1690
- },
1691
- ".break-before-column": {
1692
- "break-before": "column"
1693
- }
1694
- });
1695
- },
1696
- breakInside: ({ addUtilities })=>{
1697
- addUtilities({
1698
- ".break-inside-auto": {
1699
- "break-inside": "auto"
1700
- },
1701
- ".break-inside-avoid": {
1702
- "break-inside": "avoid"
1703
- },
1704
- ".break-inside-avoid-page": {
1705
- "break-inside": "avoid-page"
1706
- },
1707
- ".break-inside-avoid-column": {
1708
- "break-inside": "avoid-column"
1709
- }
1710
- });
1711
- },
1712
- breakAfter: ({ addUtilities })=>{
1713
- addUtilities({
1714
- ".break-after-auto": {
1715
- "break-after": "auto"
1716
- },
1717
- ".break-after-avoid": {
1718
- "break-after": "avoid"
1719
- },
1720
- ".break-after-all": {
1721
- "break-after": "all"
1722
- },
1723
- ".break-after-avoid-page": {
1724
- "break-after": "avoid-page"
1725
- },
1726
- ".break-after-page": {
1727
- "break-after": "page"
1728
- },
1729
- ".break-after-left": {
1730
- "break-after": "left"
1731
- },
1732
- ".break-after-right": {
1733
- "break-after": "right"
1734
- },
1735
- ".break-after-column": {
1736
- "break-after": "column"
1737
- }
1738
- });
1739
- },
1740
- gridAutoColumns: (0, _createUtilityPlugin.default)("gridAutoColumns", [
1741
- [
1742
- "auto-cols",
1743
- [
1744
- "gridAutoColumns"
1745
- ]
1746
- ]
1747
- ]),
1748
- gridAutoFlow: ({ addUtilities })=>{
1749
- addUtilities({
1750
- ".grid-flow-row": {
1751
- gridAutoFlow: "row"
1752
- },
1753
- ".grid-flow-col": {
1754
- gridAutoFlow: "column"
1755
- },
1756
- ".grid-flow-dense": {
1757
- gridAutoFlow: "dense"
1758
- },
1759
- ".grid-flow-row-dense": {
1760
- gridAutoFlow: "row dense"
1761
- },
1762
- ".grid-flow-col-dense": {
1763
- gridAutoFlow: "column dense"
1764
- }
1765
- });
1766
- },
1767
- gridAutoRows: (0, _createUtilityPlugin.default)("gridAutoRows", [
1768
- [
1769
- "auto-rows",
1770
- [
1771
- "gridAutoRows"
1772
- ]
1773
- ]
1774
- ]),
1775
- gridTemplateColumns: (0, _createUtilityPlugin.default)("gridTemplateColumns", [
1776
- [
1777
- "grid-cols",
1778
- [
1779
- "gridTemplateColumns"
1780
- ]
1781
- ]
1782
- ]),
1783
- gridTemplateRows: (0, _createUtilityPlugin.default)("gridTemplateRows", [
1784
- [
1785
- "grid-rows",
1786
- [
1787
- "gridTemplateRows"
1788
- ]
1789
- ]
1790
- ]),
1791
- flexDirection: ({ addUtilities })=>{
1792
- addUtilities({
1793
- ".flex-row": {
1794
- "flex-direction": "row"
1795
- },
1796
- ".flex-row-reverse": {
1797
- "flex-direction": "row-reverse"
1798
- },
1799
- ".flex-col": {
1800
- "flex-direction": "column"
1801
- },
1802
- ".flex-col-reverse": {
1803
- "flex-direction": "column-reverse"
1804
- }
1805
- });
1806
- },
1807
- flexWrap: ({ addUtilities })=>{
1808
- addUtilities({
1809
- ".flex-wrap": {
1810
- "flex-wrap": "wrap"
1811
- },
1812
- ".flex-wrap-reverse": {
1813
- "flex-wrap": "wrap-reverse"
1814
- },
1815
- ".flex-nowrap": {
1816
- "flex-wrap": "nowrap"
1817
- }
1818
- });
1819
- },
1820
- placeContent: ({ addUtilities })=>{
1821
- addUtilities({
1822
- ".place-content-center": {
1823
- "place-content": "center"
1824
- },
1825
- ".place-content-start": {
1826
- "place-content": "start"
1827
- },
1828
- ".place-content-end": {
1829
- "place-content": "end"
1830
- },
1831
- ".place-content-between": {
1832
- "place-content": "space-between"
1833
- },
1834
- ".place-content-around": {
1835
- "place-content": "space-around"
1836
- },
1837
- ".place-content-evenly": {
1838
- "place-content": "space-evenly"
1839
- },
1840
- ".place-content-baseline": {
1841
- "place-content": "baseline"
1842
- },
1843
- ".place-content-stretch": {
1844
- "place-content": "stretch"
1845
- }
1846
- });
1847
- },
1848
- placeItems: ({ addUtilities })=>{
1849
- addUtilities({
1850
- ".place-items-start": {
1851
- "place-items": "start"
1852
- },
1853
- ".place-items-end": {
1854
- "place-items": "end"
1855
- },
1856
- ".place-items-center": {
1857
- "place-items": "center"
1858
- },
1859
- ".place-items-baseline": {
1860
- "place-items": "baseline"
1861
- },
1862
- ".place-items-stretch": {
1863
- "place-items": "stretch"
1864
- }
1865
- });
1866
- },
1867
- alignContent: ({ addUtilities })=>{
1868
- addUtilities({
1869
- ".content-normal": {
1870
- "align-content": "normal"
1871
- },
1872
- ".content-center": {
1873
- "align-content": "center"
1874
- },
1875
- ".content-start": {
1876
- "align-content": "flex-start"
1877
- },
1878
- ".content-end": {
1879
- "align-content": "flex-end"
1880
- },
1881
- ".content-between": {
1882
- "align-content": "space-between"
1883
- },
1884
- ".content-around": {
1885
- "align-content": "space-around"
1886
- },
1887
- ".content-evenly": {
1888
- "align-content": "space-evenly"
1889
- },
1890
- ".content-baseline": {
1891
- "align-content": "baseline"
1892
- },
1893
- ".content-stretch": {
1894
- "align-content": "stretch"
1895
- }
1896
- });
1897
- },
1898
- alignItems: ({ addUtilities })=>{
1899
- addUtilities({
1900
- ".items-start": {
1901
- "align-items": "flex-start"
1902
- },
1903
- ".items-end": {
1904
- "align-items": "flex-end"
1905
- },
1906
- ".items-center": {
1907
- "align-items": "center"
1908
- },
1909
- ".items-baseline": {
1910
- "align-items": "baseline"
1911
- },
1912
- ".items-stretch": {
1913
- "align-items": "stretch"
1914
- }
1915
- });
1916
- },
1917
- justifyContent: ({ addUtilities })=>{
1918
- addUtilities({
1919
- ".justify-normal": {
1920
- "justify-content": "normal"
1921
- },
1922
- ".justify-start": {
1923
- "justify-content": "flex-start"
1924
- },
1925
- ".justify-end": {
1926
- "justify-content": "flex-end"
1927
- },
1928
- ".justify-center": {
1929
- "justify-content": "center"
1930
- },
1931
- ".justify-between": {
1932
- "justify-content": "space-between"
1933
- },
1934
- ".justify-around": {
1935
- "justify-content": "space-around"
1936
- },
1937
- ".justify-evenly": {
1938
- "justify-content": "space-evenly"
1939
- },
1940
- ".justify-stretch": {
1941
- "justify-content": "stretch"
1942
- }
1943
- });
1944
- },
1945
- justifyItems: ({ addUtilities })=>{
1946
- addUtilities({
1947
- ".justify-items-start": {
1948
- "justify-items": "start"
1949
- },
1950
- ".justify-items-end": {
1951
- "justify-items": "end"
1952
- },
1953
- ".justify-items-center": {
1954
- "justify-items": "center"
1955
- },
1956
- ".justify-items-stretch": {
1957
- "justify-items": "stretch"
1958
- }
1959
- });
1960
- },
1961
- gap: (0, _createUtilityPlugin.default)("gap", [
1962
- [
1963
- "gap",
1964
- [
1965
- "gap"
1966
- ]
1967
- ],
1968
- [
1969
- [
1970
- "gap-x",
1971
- [
1972
- "columnGap"
1973
- ]
1974
- ],
1975
- [
1976
- "gap-y",
1977
- [
1978
- "rowGap"
1979
- ]
1980
- ]
1981
- ]
1982
- ]),
1983
- space: ({ matchUtilities , addUtilities , theme })=>{
1984
- matchUtilities({
1985
- "space-x": (value)=>{
1986
- value = value === "0" ? "0px" : value;
1987
- if (false) {
1988
- return {
1989
- "& > :not([hidden]) ~ :not([hidden])": {
1990
- "--tw-space-x-reverse": "0",
1991
- "margin-inline-end": `calc(${value} * var(--tw-space-x-reverse))`,
1992
- "margin-inline-start": `calc(${value} * calc(1 - var(--tw-space-x-reverse)))`
1993
- }
1994
- };
1995
- }
1996
- return {
1997
- "& > :not([hidden]) ~ :not([hidden])": {
1998
- "--tw-space-x-reverse": "0",
1999
- "margin-right": `calc(${value} * var(--tw-space-x-reverse))`,
2000
- "margin-left": `calc(${value} * calc(1 - var(--tw-space-x-reverse)))`
2001
- }
2002
- };
2003
- },
2004
- "space-y": (value)=>{
2005
- value = value === "0" ? "0px" : value;
2006
- return {
2007
- "& > :not([hidden]) ~ :not([hidden])": {
2008
- "--tw-space-y-reverse": "0",
2009
- "margin-top": `calc(${value} * calc(1 - var(--tw-space-y-reverse)))`,
2010
- "margin-bottom": `calc(${value} * var(--tw-space-y-reverse))`
2011
- }
2012
- };
2013
- }
2014
- }, {
2015
- values: theme("space"),
2016
- supportsNegativeValues: true
2017
- });
2018
- addUtilities({
2019
- ".space-y-reverse > :not([hidden]) ~ :not([hidden])": {
2020
- "--tw-space-y-reverse": "1"
2021
- },
2022
- ".space-x-reverse > :not([hidden]) ~ :not([hidden])": {
2023
- "--tw-space-x-reverse": "1"
2024
- }
2025
- });
2026
- },
2027
- divideWidth: ({ matchUtilities , addUtilities , theme })=>{
2028
- matchUtilities({
2029
- "divide-x": (value)=>{
2030
- value = value === "0" ? "0px" : value;
2031
- if (false) {
2032
- return {
2033
- "& > :not([hidden]) ~ :not([hidden])": {
2034
- "@defaults border-width": {},
2035
- "--tw-divide-x-reverse": "0",
2036
- "border-inline-end-width": `calc(${value} * var(--tw-divide-x-reverse))`,
2037
- "border-inline-start-width": `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
2038
- }
2039
- };
2040
- }
2041
- return {
2042
- "& > :not([hidden]) ~ :not([hidden])": {
2043
- "@defaults border-width": {},
2044
- "--tw-divide-x-reverse": "0",
2045
- "border-right-width": `calc(${value} * var(--tw-divide-x-reverse))`,
2046
- "border-left-width": `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
2047
- }
2048
- };
2049
- },
2050
- "divide-y": (value)=>{
2051
- value = value === "0" ? "0px" : value;
2052
- return {
2053
- "& > :not([hidden]) ~ :not([hidden])": {
2054
- "@defaults border-width": {},
2055
- "--tw-divide-y-reverse": "0",
2056
- "border-top-width": `calc(${value} * calc(1 - var(--tw-divide-y-reverse)))`,
2057
- "border-bottom-width": `calc(${value} * var(--tw-divide-y-reverse))`
2058
- }
2059
- };
2060
- }
2061
- }, {
2062
- values: theme("divideWidth"),
2063
- type: [
2064
- "line-width",
2065
- "length",
2066
- "any"
2067
- ]
2068
- });
2069
- addUtilities({
2070
- ".divide-y-reverse > :not([hidden]) ~ :not([hidden])": {
2071
- "@defaults border-width": {},
2072
- "--tw-divide-y-reverse": "1"
2073
- },
2074
- ".divide-x-reverse > :not([hidden]) ~ :not([hidden])": {
2075
- "@defaults border-width": {},
2076
- "--tw-divide-x-reverse": "1"
2077
- }
2078
- });
2079
- },
2080
- divideStyle: ({ addUtilities })=>{
2081
- addUtilities({
2082
- ".divide-solid > :not([hidden]) ~ :not([hidden])": {
2083
- "border-style": "solid"
2084
- },
2085
- ".divide-dashed > :not([hidden]) ~ :not([hidden])": {
2086
- "border-style": "dashed"
2087
- },
2088
- ".divide-dotted > :not([hidden]) ~ :not([hidden])": {
2089
- "border-style": "dotted"
2090
- },
2091
- ".divide-double > :not([hidden]) ~ :not([hidden])": {
2092
- "border-style": "double"
2093
- },
2094
- ".divide-none > :not([hidden]) ~ :not([hidden])": {
2095
- "border-style": "none"
2096
- }
2097
- });
2098
- },
2099
- divideColor: ({ matchUtilities , theme , corePlugins })=>{
2100
- matchUtilities({
2101
- divide: (value)=>{
2102
- if (!corePlugins("divideOpacity")) {
2103
- return {
2104
- ["& > :not([hidden]) ~ :not([hidden])"]: {
2105
- "border-color": (0, _toColorValue.default)(value)
2106
- }
2107
- };
2108
- }
2109
- return {
2110
- ["& > :not([hidden]) ~ :not([hidden])"]: (0, _withAlphaVariable.default)({
2111
- color: value,
2112
- property: "border-color",
2113
- variable: "--tw-divide-opacity"
2114
- })
2115
- };
2116
- }
2117
- }, {
2118
- values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("divideColor"))),
2119
- type: [
2120
- "color",
2121
- "any"
2122
- ]
2123
- });
2124
- },
2125
- divideOpacity: ({ matchUtilities , theme })=>{
2126
- matchUtilities({
2127
- "divide-opacity": (value)=>{
2128
- return {
2129
- [`& > :not([hidden]) ~ :not([hidden])`]: {
2130
- "--tw-divide-opacity": value
2131
- }
2132
- };
2133
- }
2134
- }, {
2135
- values: theme("divideOpacity")
2136
- });
2137
- },
2138
- placeSelf: ({ addUtilities })=>{
2139
- addUtilities({
2140
- ".place-self-auto": {
2141
- "place-self": "auto"
2142
- },
2143
- ".place-self-start": {
2144
- "place-self": "start"
2145
- },
2146
- ".place-self-end": {
2147
- "place-self": "end"
2148
- },
2149
- ".place-self-center": {
2150
- "place-self": "center"
2151
- },
2152
- ".place-self-stretch": {
2153
- "place-self": "stretch"
2154
- }
2155
- });
2156
- },
2157
- alignSelf: ({ addUtilities })=>{
2158
- addUtilities({
2159
- ".self-auto": {
2160
- "align-self": "auto"
2161
- },
2162
- ".self-start": {
2163
- "align-self": "flex-start"
2164
- },
2165
- ".self-end": {
2166
- "align-self": "flex-end"
2167
- },
2168
- ".self-center": {
2169
- "align-self": "center"
2170
- },
2171
- ".self-stretch": {
2172
- "align-self": "stretch"
2173
- },
2174
- ".self-baseline": {
2175
- "align-self": "baseline"
2176
- }
2177
- });
2178
- },
2179
- justifySelf: ({ addUtilities })=>{
2180
- addUtilities({
2181
- ".justify-self-auto": {
2182
- "justify-self": "auto"
2183
- },
2184
- ".justify-self-start": {
2185
- "justify-self": "start"
2186
- },
2187
- ".justify-self-end": {
2188
- "justify-self": "end"
2189
- },
2190
- ".justify-self-center": {
2191
- "justify-self": "center"
2192
- },
2193
- ".justify-self-stretch": {
2194
- "justify-self": "stretch"
2195
- }
2196
- });
2197
- },
2198
- overflow: ({ addUtilities })=>{
2199
- addUtilities({
2200
- ".overflow-auto": {
2201
- overflow: "auto"
2202
- },
2203
- ".overflow-hidden": {
2204
- overflow: "hidden"
2205
- },
2206
- ".overflow-clip": {
2207
- overflow: "clip"
2208
- },
2209
- ".overflow-visible": {
2210
- overflow: "visible"
2211
- },
2212
- ".overflow-scroll": {
2213
- overflow: "scroll"
2214
- },
2215
- ".overflow-x-auto": {
2216
- "overflow-x": "auto"
2217
- },
2218
- ".overflow-y-auto": {
2219
- "overflow-y": "auto"
2220
- },
2221
- ".overflow-x-hidden": {
2222
- "overflow-x": "hidden"
2223
- },
2224
- ".overflow-y-hidden": {
2225
- "overflow-y": "hidden"
2226
- },
2227
- ".overflow-x-clip": {
2228
- "overflow-x": "clip"
2229
- },
2230
- ".overflow-y-clip": {
2231
- "overflow-y": "clip"
2232
- },
2233
- ".overflow-x-visible": {
2234
- "overflow-x": "visible"
2235
- },
2236
- ".overflow-y-visible": {
2237
- "overflow-y": "visible"
2238
- },
2239
- ".overflow-x-scroll": {
2240
- "overflow-x": "scroll"
2241
- },
2242
- ".overflow-y-scroll": {
2243
- "overflow-y": "scroll"
2244
- }
2245
- });
2246
- },
2247
- overscrollBehavior: ({ addUtilities })=>{
2248
- addUtilities({
2249
- ".overscroll-auto": {
2250
- "overscroll-behavior": "auto"
2251
- },
2252
- ".overscroll-contain": {
2253
- "overscroll-behavior": "contain"
2254
- },
2255
- ".overscroll-none": {
2256
- "overscroll-behavior": "none"
2257
- },
2258
- ".overscroll-y-auto": {
2259
- "overscroll-behavior-y": "auto"
2260
- },
2261
- ".overscroll-y-contain": {
2262
- "overscroll-behavior-y": "contain"
2263
- },
2264
- ".overscroll-y-none": {
2265
- "overscroll-behavior-y": "none"
2266
- },
2267
- ".overscroll-x-auto": {
2268
- "overscroll-behavior-x": "auto"
2269
- },
2270
- ".overscroll-x-contain": {
2271
- "overscroll-behavior-x": "contain"
2272
- },
2273
- ".overscroll-x-none": {
2274
- "overscroll-behavior-x": "none"
2275
- }
2276
- });
2277
- },
2278
- scrollBehavior: ({ addUtilities })=>{
2279
- addUtilities({
2280
- ".scroll-auto": {
2281
- "scroll-behavior": "auto"
2282
- },
2283
- ".scroll-smooth": {
2284
- "scroll-behavior": "smooth"
2285
- }
2286
- });
2287
- },
2288
- textOverflow: ({ addUtilities })=>{
2289
- addUtilities({
2290
- ".truncate": {
2291
- overflow: "hidden",
2292
- "text-overflow": "ellipsis",
2293
- "white-space": "nowrap"
2294
- },
2295
- ".overflow-ellipsis": {
2296
- "text-overflow": "ellipsis"
2297
- },
2298
- ".text-ellipsis": {
2299
- "text-overflow": "ellipsis"
2300
- },
2301
- ".text-clip": {
2302
- "text-overflow": "clip"
2303
- }
2304
- });
2305
- },
2306
- hyphens: ({ addUtilities })=>{
2307
- addUtilities({
2308
- ".hyphens-none": {
2309
- hyphens: "none"
2310
- },
2311
- ".hyphens-manual": {
2312
- hyphens: "manual"
2313
- },
2314
- ".hyphens-auto": {
2315
- hyphens: "auto"
2316
- }
2317
- });
2318
- },
2319
- whitespace: ({ addUtilities })=>{
2320
- addUtilities({
2321
- ".whitespace-normal": {
2322
- "white-space": "normal"
2323
- },
2324
- ".whitespace-nowrap": {
2325
- "white-space": "nowrap"
2326
- },
2327
- ".whitespace-pre": {
2328
- "white-space": "pre"
2329
- },
2330
- ".whitespace-pre-line": {
2331
- "white-space": "pre-line"
2332
- },
2333
- ".whitespace-pre-wrap": {
2334
- "white-space": "pre-wrap"
2335
- },
2336
- ".whitespace-break-spaces": {
2337
- "white-space": "break-spaces"
2338
- }
2339
- });
2340
- },
2341
- textWrap: ({ addUtilities })=>{
2342
- addUtilities({
2343
- ".text-wrap": {
2344
- "text-wrap": "wrap"
2345
- },
2346
- ".text-nowrap": {
2347
- "text-wrap": "nowrap"
2348
- },
2349
- ".text-balance": {
2350
- "text-wrap": "balance"
2351
- },
2352
- ".text-pretty": {
2353
- "text-wrap": "pretty"
2354
- }
2355
- });
2356
- },
2357
- wordBreak: ({ addUtilities })=>{
2358
- addUtilities({
2359
- ".break-normal": {
2360
- "overflow-wrap": "normal",
2361
- "word-break": "normal"
2362
- },
2363
- ".break-words": {
2364
- "overflow-wrap": "break-word"
2365
- },
2366
- ".break-all": {
2367
- "word-break": "break-all"
2368
- },
2369
- ".break-keep": {
2370
- "word-break": "keep-all"
2371
- }
2372
- });
2373
- },
2374
- borderRadius: (0, _createUtilityPlugin.default)("borderRadius", [
2375
- [
2376
- "rounded",
2377
- [
2378
- "border-radius"
2379
- ]
2380
- ],
2381
- [
2382
- [
2383
- "rounded-s",
2384
- [
2385
- "border-start-start-radius",
2386
- "border-end-start-radius"
2387
- ]
2388
- ],
2389
- [
2390
- "rounded-e",
2391
- [
2392
- "border-start-end-radius",
2393
- "border-end-end-radius"
2394
- ]
2395
- ],
2396
- [
2397
- "rounded-t",
2398
- [
2399
- "border-top-left-radius",
2400
- "border-top-right-radius"
2401
- ]
2402
- ],
2403
- [
2404
- "rounded-r",
2405
- [
2406
- "border-top-right-radius",
2407
- "border-bottom-right-radius"
2408
- ]
2409
- ],
2410
- [
2411
- "rounded-b",
2412
- [
2413
- "border-bottom-right-radius",
2414
- "border-bottom-left-radius"
2415
- ]
2416
- ],
2417
- [
2418
- "rounded-l",
2419
- [
2420
- "border-top-left-radius",
2421
- "border-bottom-left-radius"
2422
- ]
2423
- ]
2424
- ],
2425
- [
2426
- [
2427
- "rounded-ss",
2428
- [
2429
- "border-start-start-radius"
2430
- ]
2431
- ],
2432
- [
2433
- "rounded-se",
2434
- [
2435
- "border-start-end-radius"
2436
- ]
2437
- ],
2438
- [
2439
- "rounded-ee",
2440
- [
2441
- "border-end-end-radius"
2442
- ]
2443
- ],
2444
- [
2445
- "rounded-es",
2446
- [
2447
- "border-end-start-radius"
2448
- ]
2449
- ],
2450
- [
2451
- "rounded-tl",
2452
- [
2453
- "border-top-left-radius"
2454
- ]
2455
- ],
2456
- [
2457
- "rounded-tr",
2458
- [
2459
- "border-top-right-radius"
2460
- ]
2461
- ],
2462
- [
2463
- "rounded-br",
2464
- [
2465
- "border-bottom-right-radius"
2466
- ]
2467
- ],
2468
- [
2469
- "rounded-bl",
2470
- [
2471
- "border-bottom-left-radius"
2472
- ]
2473
- ]
2474
- ]
2475
- ]),
2476
- borderWidth: (0, _createUtilityPlugin.default)("borderWidth", [
2477
- [
2478
- "border",
2479
- [
2480
- [
2481
- "@defaults border-width",
2482
- {}
2483
- ],
2484
- "border-width"
2485
- ]
2486
- ],
2487
- [
2488
- [
2489
- "border-x",
2490
- [
2491
- [
2492
- "@defaults border-width",
2493
- {}
2494
- ],
2495
- "border-left-width",
2496
- "border-right-width"
2497
- ]
2498
- ],
2499
- [
2500
- "border-y",
2501
- [
2502
- [
2503
- "@defaults border-width",
2504
- {}
2505
- ],
2506
- "border-top-width",
2507
- "border-bottom-width"
2508
- ]
2509
- ]
2510
- ],
2511
- [
2512
- [
2513
- "border-s",
2514
- [
2515
- [
2516
- "@defaults border-width",
2517
- {}
2518
- ],
2519
- "border-inline-start-width"
2520
- ]
2521
- ],
2522
- [
2523
- "border-e",
2524
- [
2525
- [
2526
- "@defaults border-width",
2527
- {}
2528
- ],
2529
- "border-inline-end-width"
2530
- ]
2531
- ],
2532
- [
2533
- "border-t",
2534
- [
2535
- [
2536
- "@defaults border-width",
2537
- {}
2538
- ],
2539
- "border-top-width"
2540
- ]
2541
- ],
2542
- [
2543
- "border-r",
2544
- [
2545
- [
2546
- "@defaults border-width",
2547
- {}
2548
- ],
2549
- "border-right-width"
2550
- ]
2551
- ],
2552
- [
2553
- "border-b",
2554
- [
2555
- [
2556
- "@defaults border-width",
2557
- {}
2558
- ],
2559
- "border-bottom-width"
2560
- ]
2561
- ],
2562
- [
2563
- "border-l",
2564
- [
2565
- [
2566
- "@defaults border-width",
2567
- {}
2568
- ],
2569
- "border-left-width"
2570
- ]
2571
- ]
2572
- ]
2573
- ], {
2574
- type: [
2575
- "line-width",
2576
- "length"
2577
- ]
2578
- }),
2579
- borderStyle: ({ addUtilities })=>{
2580
- addUtilities({
2581
- ".border-solid": {
2582
- "border-style": "solid"
2583
- },
2584
- ".border-dashed": {
2585
- "border-style": "dashed"
2586
- },
2587
- ".border-dotted": {
2588
- "border-style": "dotted"
2589
- },
2590
- ".border-double": {
2591
- "border-style": "double"
2592
- },
2593
- ".border-hidden": {
2594
- "border-style": "hidden"
2595
- },
2596
- ".border-none": {
2597
- "border-style": "none"
2598
- }
2599
- });
2600
- },
2601
- borderColor: ({ matchUtilities , theme , corePlugins })=>{
2602
- matchUtilities({
2603
- border: (value)=>{
2604
- if (!corePlugins("borderOpacity")) {
2605
- return {
2606
- "border-color": (0, _toColorValue.default)(value)
2607
- };
2608
- }
2609
- return (0, _withAlphaVariable.default)({
2610
- color: value,
2611
- property: "border-color",
2612
- variable: "--tw-border-opacity"
2613
- });
2614
- }
2615
- }, {
2616
- values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
2617
- type: [
2618
- "color",
2619
- "any"
2620
- ]
2621
- });
2622
- matchUtilities({
2623
- "border-x": (value)=>{
2624
- if (!corePlugins("borderOpacity")) {
2625
- return {
2626
- "border-left-color": (0, _toColorValue.default)(value),
2627
- "border-right-color": (0, _toColorValue.default)(value)
2628
- };
2629
- }
2630
- return (0, _withAlphaVariable.default)({
2631
- color: value,
2632
- property: [
2633
- "border-left-color",
2634
- "border-right-color"
2635
- ],
2636
- variable: "--tw-border-opacity"
2637
- });
2638
- },
2639
- "border-y": (value)=>{
2640
- if (!corePlugins("borderOpacity")) {
2641
- return {
2642
- "border-top-color": (0, _toColorValue.default)(value),
2643
- "border-bottom-color": (0, _toColorValue.default)(value)
2644
- };
2645
- }
2646
- return (0, _withAlphaVariable.default)({
2647
- color: value,
2648
- property: [
2649
- "border-top-color",
2650
- "border-bottom-color"
2651
- ],
2652
- variable: "--tw-border-opacity"
2653
- });
2654
- }
2655
- }, {
2656
- values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
2657
- type: [
2658
- "color",
2659
- "any"
2660
- ]
2661
- });
2662
- matchUtilities({
2663
- "border-s": (value)=>{
2664
- if (!corePlugins("borderOpacity")) {
2665
- return {
2666
- "border-inline-start-color": (0, _toColorValue.default)(value)
2667
- };
2668
- }
2669
- return (0, _withAlphaVariable.default)({
2670
- color: value,
2671
- property: "border-inline-start-color",
2672
- variable: "--tw-border-opacity"
2673
- });
2674
- },
2675
- "border-e": (value)=>{
2676
- if (!corePlugins("borderOpacity")) {
2677
- return {
2678
- "border-inline-end-color": (0, _toColorValue.default)(value)
2679
- };
2680
- }
2681
- return (0, _withAlphaVariable.default)({
2682
- color: value,
2683
- property: "border-inline-end-color",
2684
- variable: "--tw-border-opacity"
2685
- });
2686
- },
2687
- "border-t": (value)=>{
2688
- if (!corePlugins("borderOpacity")) {
2689
- return {
2690
- "border-top-color": (0, _toColorValue.default)(value)
2691
- };
2692
- }
2693
- return (0, _withAlphaVariable.default)({
2694
- color: value,
2695
- property: "border-top-color",
2696
- variable: "--tw-border-opacity"
2697
- });
2698
- },
2699
- "border-r": (value)=>{
2700
- if (!corePlugins("borderOpacity")) {
2701
- return {
2702
- "border-right-color": (0, _toColorValue.default)(value)
2703
- };
2704
- }
2705
- return (0, _withAlphaVariable.default)({
2706
- color: value,
2707
- property: "border-right-color",
2708
- variable: "--tw-border-opacity"
2709
- });
2710
- },
2711
- "border-b": (value)=>{
2712
- if (!corePlugins("borderOpacity")) {
2713
- return {
2714
- "border-bottom-color": (0, _toColorValue.default)(value)
2715
- };
2716
- }
2717
- return (0, _withAlphaVariable.default)({
2718
- color: value,
2719
- property: "border-bottom-color",
2720
- variable: "--tw-border-opacity"
2721
- });
2722
- },
2723
- "border-l": (value)=>{
2724
- if (!corePlugins("borderOpacity")) {
2725
- return {
2726
- "border-left-color": (0, _toColorValue.default)(value)
2727
- };
2728
- }
2729
- return (0, _withAlphaVariable.default)({
2730
- color: value,
2731
- property: "border-left-color",
2732
- variable: "--tw-border-opacity"
2733
- });
2734
- }
2735
- }, {
2736
- values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
2737
- type: [
2738
- "color",
2739
- "any"
2740
- ]
2741
- });
2742
- },
2743
- borderOpacity: (0, _createUtilityPlugin.default)("borderOpacity", [
2744
- [
2745
- "border-opacity",
2746
- [
2747
- "--tw-border-opacity"
2748
- ]
2749
- ]
2750
- ]),
2751
- backgroundColor: ({ matchUtilities , theme , corePlugins })=>{
2752
- matchUtilities({
2753
- bg: (value)=>{
2754
- if (!corePlugins("backgroundOpacity")) {
2755
- return {
2756
- "background-color": (0, _toColorValue.default)(value)
2757
- };
2758
- }
2759
- return (0, _withAlphaVariable.default)({
2760
- color: value,
2761
- property: "background-color",
2762
- variable: "--tw-bg-opacity"
2763
- });
2764
- }
2765
- }, {
2766
- values: (0, _flattenColorPalette.default)(theme("backgroundColor")),
2767
- type: [
2768
- "color",
2769
- "any"
2770
- ]
2771
- });
2772
- },
2773
- backgroundOpacity: (0, _createUtilityPlugin.default)("backgroundOpacity", [
2774
- [
2775
- "bg-opacity",
2776
- [
2777
- "--tw-bg-opacity"
2778
- ]
2779
- ]
2780
- ]),
2781
- backgroundImage: (0, _createUtilityPlugin.default)("backgroundImage", [
2782
- [
2783
- "bg",
2784
- [
2785
- "background-image"
2786
- ]
2787
- ]
2788
- ], {
2789
- type: [
2790
- "lookup",
2791
- "image",
2792
- "url"
2793
- ]
2794
- }),
2795
- gradientColorStops: (()=>{
2796
- function transparentTo(value) {
2797
- return (0, _withAlphaVariable.withAlphaValue)(value, 0, "rgb(255 255 255 / 0)");
2798
- }
2799
- return function({ matchUtilities , theme , addDefaults }) {
2800
- addDefaults("gradient-color-stops", {
2801
- "--tw-gradient-from-position": " ",
2802
- "--tw-gradient-via-position": " ",
2803
- "--tw-gradient-to-position": " "
2804
- });
2805
- let options = {
2806
- values: (0, _flattenColorPalette.default)(theme("gradientColorStops")),
2807
- type: [
2808
- "color",
2809
- "any"
2810
- ]
2811
- };
2812
- let positionOptions = {
2813
- values: theme("gradientColorStopPositions"),
2814
- type: [
2815
- "length",
2816
- "percentage"
2817
- ]
2818
- };
2819
- matchUtilities({
2820
- from: (value)=>{
2821
- let transparentToValue = transparentTo(value);
2822
- return {
2823
- "@defaults gradient-color-stops": {},
2824
- "--tw-gradient-from": `${(0, _toColorValue.default)(value)} var(--tw-gradient-from-position)`,
2825
- "--tw-gradient-to": `${transparentToValue} var(--tw-gradient-to-position)`,
2826
- "--tw-gradient-stops": `var(--tw-gradient-from), var(--tw-gradient-to)`
2827
- };
2828
- }
2829
- }, options);
2830
- matchUtilities({
2831
- from: (value)=>{
2832
- return {
2833
- "--tw-gradient-from-position": value
2834
- };
2835
- }
2836
- }, positionOptions);
2837
- matchUtilities({
2838
- via: (value)=>{
2839
- let transparentToValue = transparentTo(value);
2840
- return {
2841
- "@defaults gradient-color-stops": {},
2842
- "--tw-gradient-to": `${transparentToValue} var(--tw-gradient-to-position)`,
2843
- "--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue.default)(value)} var(--tw-gradient-via-position), var(--tw-gradient-to)`
2844
- };
2845
- }
2846
- }, options);
2847
- matchUtilities({
2848
- via: (value)=>{
2849
- return {
2850
- "--tw-gradient-via-position": value
2851
- };
2852
- }
2853
- }, positionOptions);
2854
- matchUtilities({
2855
- to: (value)=>({
2856
- "@defaults gradient-color-stops": {},
2857
- "--tw-gradient-to": `${(0, _toColorValue.default)(value)} var(--tw-gradient-to-position)`
2858
- })
2859
- }, options);
2860
- matchUtilities({
2861
- to: (value)=>{
2862
- return {
2863
- "--tw-gradient-to-position": value
2864
- };
2865
- }
2866
- }, positionOptions);
2867
- };
2868
- })(),
2869
- boxDecorationBreak: ({ addUtilities })=>{
2870
- addUtilities({
2871
- ".decoration-slice": {
2872
- "box-decoration-break": "slice"
2873
- },
2874
- ".decoration-clone": {
2875
- "box-decoration-break": "clone"
2876
- },
2877
- ".box-decoration-slice": {
2878
- "box-decoration-break": "slice"
2879
- },
2880
- ".box-decoration-clone": {
2881
- "box-decoration-break": "clone"
2882
- }
2883
- });
2884
- },
2885
- backgroundSize: (0, _createUtilityPlugin.default)("backgroundSize", [
2886
- [
2887
- "bg",
2888
- [
2889
- "background-size"
2890
- ]
2891
- ]
2892
- ], {
2893
- type: [
2894
- "lookup",
2895
- "length",
2896
- "percentage",
2897
- "size"
2898
- ]
2899
- }),
2900
- backgroundAttachment: ({ addUtilities })=>{
2901
- addUtilities({
2902
- ".bg-fixed": {
2903
- "background-attachment": "fixed"
2904
- },
2905
- ".bg-local": {
2906
- "background-attachment": "local"
2907
- },
2908
- ".bg-scroll": {
2909
- "background-attachment": "scroll"
2910
- }
2911
- });
2912
- },
2913
- backgroundClip: ({ addUtilities })=>{
2914
- addUtilities({
2915
- ".bg-clip-border": {
2916
- "background-clip": "border-box"
2917
- },
2918
- ".bg-clip-padding": {
2919
- "background-clip": "padding-box"
2920
- },
2921
- ".bg-clip-content": {
2922
- "background-clip": "content-box"
2923
- },
2924
- ".bg-clip-text": {
2925
- "background-clip": "text"
2926
- }
2927
- });
2928
- },
2929
- backgroundPosition: (0, _createUtilityPlugin.default)("backgroundPosition", [
2930
- [
2931
- "bg",
2932
- [
2933
- "background-position"
2934
- ]
2935
- ]
2936
- ], {
2937
- type: [
2938
- "lookup",
2939
- [
2940
- "position",
2941
- {
2942
- preferOnConflict: true
2943
- }
2944
- ]
2945
- ]
2946
- }),
2947
- backgroundRepeat: ({ addUtilities })=>{
2948
- addUtilities({
2949
- ".bg-repeat": {
2950
- "background-repeat": "repeat"
2951
- },
2952
- ".bg-no-repeat": {
2953
- "background-repeat": "no-repeat"
2954
- },
2955
- ".bg-repeat-x": {
2956
- "background-repeat": "repeat-x"
2957
- },
2958
- ".bg-repeat-y": {
2959
- "background-repeat": "repeat-y"
2960
- },
2961
- ".bg-repeat-round": {
2962
- "background-repeat": "round"
2963
- },
2964
- ".bg-repeat-space": {
2965
- "background-repeat": "space"
2966
- }
2967
- });
2968
- },
2969
- backgroundOrigin: ({ addUtilities })=>{
2970
- addUtilities({
2971
- ".bg-origin-border": {
2972
- "background-origin": "border-box"
2973
- },
2974
- ".bg-origin-padding": {
2975
- "background-origin": "padding-box"
2976
- },
2977
- ".bg-origin-content": {
2978
- "background-origin": "content-box"
2979
- }
2980
- });
2981
- },
2982
- fill: ({ matchUtilities , theme })=>{
2983
- matchUtilities({
2984
- fill: (value)=>{
2985
- return {
2986
- fill: (0, _toColorValue.default)(value)
2987
- };
2988
- }
2989
- }, {
2990
- values: (0, _flattenColorPalette.default)(theme("fill")),
2991
- type: [
2992
- "color",
2993
- "any"
2994
- ]
2995
- });
2996
- },
2997
- stroke: ({ matchUtilities , theme })=>{
2998
- matchUtilities({
2999
- stroke: (value)=>{
3000
- return {
3001
- stroke: (0, _toColorValue.default)(value)
3002
- };
3003
- }
3004
- }, {
3005
- values: (0, _flattenColorPalette.default)(theme("stroke")),
3006
- type: [
3007
- "color",
3008
- "url",
3009
- "any"
3010
- ]
3011
- });
3012
- },
3013
- strokeWidth: (0, _createUtilityPlugin.default)("strokeWidth", [
3014
- [
3015
- "stroke",
3016
- [
3017
- "stroke-width"
3018
- ]
3019
- ]
3020
- ], {
3021
- type: [
3022
- "length",
3023
- "number",
3024
- "percentage"
3025
- ]
3026
- }),
3027
- objectFit: ({ addUtilities })=>{
3028
- addUtilities({
3029
- ".object-contain": {
3030
- "object-fit": "contain"
3031
- },
3032
- ".object-cover": {
3033
- "object-fit": "cover"
3034
- },
3035
- ".object-fill": {
3036
- "object-fit": "fill"
3037
- },
3038
- ".object-none": {
3039
- "object-fit": "none"
3040
- },
3041
- ".object-scale-down": {
3042
- "object-fit": "scale-down"
3043
- }
3044
- });
3045
- },
3046
- objectPosition: (0, _createUtilityPlugin.default)("objectPosition", [
3047
- [
3048
- "object",
3049
- [
3050
- "object-position"
3051
- ]
3052
- ]
3053
- ]),
3054
- padding: (0, _createUtilityPlugin.default)("padding", [
3055
- [
3056
- "p",
3057
- [
3058
- "padding"
3059
- ]
3060
- ],
3061
- [
3062
- [
3063
- "px",
3064
- [
3065
- "padding-left",
3066
- "padding-right"
3067
- ]
3068
- ],
3069
- [
3070
- "py",
3071
- [
3072
- "padding-top",
3073
- "padding-bottom"
3074
- ]
3075
- ]
3076
- ],
3077
- [
3078
- [
3079
- "ps",
3080
- [
3081
- "padding-inline-start"
3082
- ]
3083
- ],
3084
- [
3085
- "pe",
3086
- [
3087
- "padding-inline-end"
3088
- ]
3089
- ],
3090
- [
3091
- "pt",
3092
- [
3093
- "padding-top"
3094
- ]
3095
- ],
3096
- [
3097
- "pr",
3098
- [
3099
- "padding-right"
3100
- ]
3101
- ],
3102
- [
3103
- "pb",
3104
- [
3105
- "padding-bottom"
3106
- ]
3107
- ],
3108
- [
3109
- "pl",
3110
- [
3111
- "padding-left"
3112
- ]
3113
- ]
3114
- ]
3115
- ]),
3116
- textAlign: ({ addUtilities })=>{
3117
- addUtilities({
3118
- ".text-left": {
3119
- "text-align": "left"
3120
- },
3121
- ".text-center": {
3122
- "text-align": "center"
3123
- },
3124
- ".text-right": {
3125
- "text-align": "right"
3126
- },
3127
- ".text-justify": {
3128
- "text-align": "justify"
3129
- },
3130
- ".text-start": {
3131
- "text-align": "start"
3132
- },
3133
- ".text-end": {
3134
- "text-align": "end"
3135
- }
3136
- });
3137
- },
3138
- textIndent: (0, _createUtilityPlugin.default)("textIndent", [
3139
- [
3140
- "indent",
3141
- [
3142
- "text-indent"
3143
- ]
3144
- ]
3145
- ], {
3146
- supportsNegativeValues: true
3147
- }),
3148
- verticalAlign: ({ addUtilities , matchUtilities })=>{
3149
- addUtilities({
3150
- ".align-baseline": {
3151
- "vertical-align": "baseline"
3152
- },
3153
- ".align-top": {
3154
- "vertical-align": "top"
3155
- },
3156
- ".align-middle": {
3157
- "vertical-align": "middle"
3158
- },
3159
- ".align-bottom": {
3160
- "vertical-align": "bottom"
3161
- },
3162
- ".align-text-top": {
3163
- "vertical-align": "text-top"
3164
- },
3165
- ".align-text-bottom": {
3166
- "vertical-align": "text-bottom"
3167
- },
3168
- ".align-sub": {
3169
- "vertical-align": "sub"
3170
- },
3171
- ".align-super": {
3172
- "vertical-align": "super"
3173
- }
3174
- });
3175
- matchUtilities({
3176
- align: (value)=>({
3177
- "vertical-align": value
3178
- })
3179
- });
3180
- },
3181
- fontFamily: ({ matchUtilities , theme })=>{
3182
- matchUtilities({
3183
- font: (value)=>{
3184
- let [families, options = {}] = Array.isArray(value) && (0, _isPlainObject.default)(value[1]) ? value : [
3185
- value
3186
- ];
3187
- let { fontFeatureSettings , fontVariationSettings } = options;
3188
- return {
3189
- "font-family": Array.isArray(families) ? families.join(", ") : families,
3190
- ...fontFeatureSettings === undefined ? {} : {
3191
- "font-feature-settings": fontFeatureSettings
3192
- },
3193
- ...fontVariationSettings === undefined ? {} : {
3194
- "font-variation-settings": fontVariationSettings
3195
- }
3196
- };
3197
- }
3198
- }, {
3199
- values: theme("fontFamily"),
3200
- type: [
3201
- "lookup",
3202
- "generic-name",
3203
- "family-name"
3204
- ]
3205
- });
3206
- },
3207
- fontSize: ({ matchUtilities , theme })=>{
3208
- matchUtilities({
3209
- text: (value, { modifier })=>{
3210
- let [fontSize, options] = Array.isArray(value) ? value : [
3211
- value
3212
- ];
3213
- if (modifier) {
3214
- return {
3215
- "font-size": fontSize,
3216
- "line-height": modifier
3217
- };
3218
- }
3219
- let { lineHeight , letterSpacing , fontWeight } = (0, _isPlainObject.default)(options) ? options : {
3220
- lineHeight: options
3221
- };
3222
- return {
3223
- "font-size": fontSize,
3224
- ...lineHeight === undefined ? {} : {
3225
- "line-height": lineHeight
3226
- },
3227
- ...letterSpacing === undefined ? {} : {
3228
- "letter-spacing": letterSpacing
3229
- },
3230
- ...fontWeight === undefined ? {} : {
3231
- "font-weight": fontWeight
3232
- }
3233
- };
3234
- }
3235
- }, {
3236
- values: theme("fontSize"),
3237
- modifiers: theme("lineHeight"),
3238
- type: [
3239
- "absolute-size",
3240
- "relative-size",
3241
- "length",
3242
- "percentage"
3243
- ]
3244
- });
3245
- },
3246
- fontWeight: (0, _createUtilityPlugin.default)("fontWeight", [
3247
- [
3248
- "font",
3249
- [
3250
- "fontWeight"
3251
- ]
3252
- ]
3253
- ], {
3254
- type: [
3255
- "lookup",
3256
- "number",
3257
- "any"
3258
- ]
3259
- }),
3260
- textTransform: ({ addUtilities })=>{
3261
- addUtilities({
3262
- ".uppercase": {
3263
- "text-transform": "uppercase"
3264
- },
3265
- ".lowercase": {
3266
- "text-transform": "lowercase"
3267
- },
3268
- ".capitalize": {
3269
- "text-transform": "capitalize"
3270
- },
3271
- ".normal-case": {
3272
- "text-transform": "none"
3273
- }
3274
- });
3275
- },
3276
- fontStyle: ({ addUtilities })=>{
3277
- addUtilities({
3278
- ".italic": {
3279
- "font-style": "italic"
3280
- },
3281
- ".not-italic": {
3282
- "font-style": "normal"
3283
- }
3284
- });
3285
- },
3286
- fontVariantNumeric: ({ addDefaults , addUtilities })=>{
3287
- let cssFontVariantNumericValue = "var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)";
3288
- addDefaults("font-variant-numeric", {
3289
- "--tw-ordinal": " ",
3290
- "--tw-slashed-zero": " ",
3291
- "--tw-numeric-figure": " ",
3292
- "--tw-numeric-spacing": " ",
3293
- "--tw-numeric-fraction": " "
3294
- });
3295
- addUtilities({
3296
- ".normal-nums": {
3297
- "font-variant-numeric": "normal"
3298
- },
3299
- ".ordinal": {
3300
- "@defaults font-variant-numeric": {},
3301
- "--tw-ordinal": "ordinal",
3302
- "font-variant-numeric": cssFontVariantNumericValue
3303
- },
3304
- ".slashed-zero": {
3305
- "@defaults font-variant-numeric": {},
3306
- "--tw-slashed-zero": "slashed-zero",
3307
- "font-variant-numeric": cssFontVariantNumericValue
3308
- },
3309
- ".lining-nums": {
3310
- "@defaults font-variant-numeric": {},
3311
- "--tw-numeric-figure": "lining-nums",
3312
- "font-variant-numeric": cssFontVariantNumericValue
3313
- },
3314
- ".oldstyle-nums": {
3315
- "@defaults font-variant-numeric": {},
3316
- "--tw-numeric-figure": "oldstyle-nums",
3317
- "font-variant-numeric": cssFontVariantNumericValue
3318
- },
3319
- ".proportional-nums": {
3320
- "@defaults font-variant-numeric": {},
3321
- "--tw-numeric-spacing": "proportional-nums",
3322
- "font-variant-numeric": cssFontVariantNumericValue
3323
- },
3324
- ".tabular-nums": {
3325
- "@defaults font-variant-numeric": {},
3326
- "--tw-numeric-spacing": "tabular-nums",
3327
- "font-variant-numeric": cssFontVariantNumericValue
3328
- },
3329
- ".diagonal-fractions": {
3330
- "@defaults font-variant-numeric": {},
3331
- "--tw-numeric-fraction": "diagonal-fractions",
3332
- "font-variant-numeric": cssFontVariantNumericValue
3333
- },
3334
- ".stacked-fractions": {
3335
- "@defaults font-variant-numeric": {},
3336
- "--tw-numeric-fraction": "stacked-fractions",
3337
- "font-variant-numeric": cssFontVariantNumericValue
3338
- }
3339
- });
3340
- },
3341
- lineHeight: (0, _createUtilityPlugin.default)("lineHeight", [
3342
- [
3343
- "leading",
3344
- [
3345
- "lineHeight"
3346
- ]
3347
- ]
3348
- ]),
3349
- letterSpacing: (0, _createUtilityPlugin.default)("letterSpacing", [
3350
- [
3351
- "tracking",
3352
- [
3353
- "letterSpacing"
3354
- ]
3355
- ]
3356
- ], {
3357
- supportsNegativeValues: true
3358
- }),
3359
- textColor: ({ matchUtilities , theme , corePlugins })=>{
3360
- matchUtilities({
3361
- text: (value)=>{
3362
- if (!corePlugins("textOpacity")) {
3363
- return {
3364
- color: (0, _toColorValue.default)(value)
3365
- };
3366
- }
3367
- return (0, _withAlphaVariable.default)({
3368
- color: value,
3369
- property: "color",
3370
- variable: "--tw-text-opacity"
3371
- });
3372
- }
3373
- }, {
3374
- values: (0, _flattenColorPalette.default)(theme("textColor")),
3375
- type: [
3376
- "color",
3377
- "any"
3378
- ]
3379
- });
3380
- },
3381
- textOpacity: (0, _createUtilityPlugin.default)("textOpacity", [
3382
- [
3383
- "text-opacity",
3384
- [
3385
- "--tw-text-opacity"
3386
- ]
3387
- ]
3388
- ]),
3389
- textDecoration: ({ addUtilities })=>{
3390
- addUtilities({
3391
- ".underline": {
3392
- "text-decoration-line": "underline"
3393
- },
3394
- ".overline": {
3395
- "text-decoration-line": "overline"
3396
- },
3397
- ".line-through": {
3398
- "text-decoration-line": "line-through"
3399
- },
3400
- ".no-underline": {
3401
- "text-decoration-line": "none"
3402
- }
3403
- });
3404
- },
3405
- textDecorationColor: ({ matchUtilities , theme })=>{
3406
- matchUtilities({
3407
- decoration: (value)=>{
3408
- return {
3409
- "text-decoration-color": (0, _toColorValue.default)(value)
3410
- };
3411
- }
3412
- }, {
3413
- values: (0, _flattenColorPalette.default)(theme("textDecorationColor")),
3414
- type: [
3415
- "color",
3416
- "any"
3417
- ]
3418
- });
3419
- },
3420
- textDecorationStyle: ({ addUtilities })=>{
3421
- addUtilities({
3422
- ".decoration-solid": {
3423
- "text-decoration-style": "solid"
3424
- },
3425
- ".decoration-double": {
3426
- "text-decoration-style": "double"
3427
- },
3428
- ".decoration-dotted": {
3429
- "text-decoration-style": "dotted"
3430
- },
3431
- ".decoration-dashed": {
3432
- "text-decoration-style": "dashed"
3433
- },
3434
- ".decoration-wavy": {
3435
- "text-decoration-style": "wavy"
3436
- }
3437
- });
3438
- },
3439
- textDecorationThickness: (0, _createUtilityPlugin.default)("textDecorationThickness", [
3440
- [
3441
- "decoration",
3442
- [
3443
- "text-decoration-thickness"
3444
- ]
3445
- ]
3446
- ], {
3447
- type: [
3448
- "length",
3449
- "percentage"
3450
- ]
3451
- }),
3452
- textUnderlineOffset: (0, _createUtilityPlugin.default)("textUnderlineOffset", [
3453
- [
3454
- "underline-offset",
3455
- [
3456
- "text-underline-offset"
3457
- ]
3458
- ]
3459
- ], {
3460
- type: [
3461
- "length",
3462
- "percentage",
3463
- "any"
3464
- ]
3465
- }),
3466
- fontSmoothing: ({ addUtilities })=>{
3467
- addUtilities({
3468
- ".antialiased": {
3469
- "-webkit-font-smoothing": "antialiased",
3470
- "-moz-osx-font-smoothing": "grayscale"
3471
- },
3472
- ".subpixel-antialiased": {
3473
- "-webkit-font-smoothing": "auto",
3474
- "-moz-osx-font-smoothing": "auto"
3475
- }
3476
- });
3477
- },
3478
- placeholderColor: ({ matchUtilities , theme , corePlugins })=>{
3479
- matchUtilities({
3480
- placeholder: (value)=>{
3481
- if (!corePlugins("placeholderOpacity")) {
3482
- return {
3483
- "&::placeholder": {
3484
- color: (0, _toColorValue.default)(value)
3485
- }
3486
- };
3487
- }
3488
- return {
3489
- "&::placeholder": (0, _withAlphaVariable.default)({
3490
- color: value,
3491
- property: "color",
3492
- variable: "--tw-placeholder-opacity"
3493
- })
3494
- };
3495
- }
3496
- }, {
3497
- values: (0, _flattenColorPalette.default)(theme("placeholderColor")),
3498
- type: [
3499
- "color",
3500
- "any"
3501
- ]
3502
- });
3503
- },
3504
- placeholderOpacity: ({ matchUtilities , theme })=>{
3505
- matchUtilities({
3506
- "placeholder-opacity": (value)=>{
3507
- return {
3508
- ["&::placeholder"]: {
3509
- "--tw-placeholder-opacity": value
3510
- }
3511
- };
3512
- }
3513
- }, {
3514
- values: theme("placeholderOpacity")
3515
- });
3516
- },
3517
- caretColor: ({ matchUtilities , theme })=>{
3518
- matchUtilities({
3519
- caret: (value)=>{
3520
- return {
3521
- "caret-color": (0, _toColorValue.default)(value)
3522
- };
3523
- }
3524
- }, {
3525
- values: (0, _flattenColorPalette.default)(theme("caretColor")),
3526
- type: [
3527
- "color",
3528
- "any"
3529
- ]
3530
- });
3531
- },
3532
- accentColor: ({ matchUtilities , theme })=>{
3533
- matchUtilities({
3534
- accent: (value)=>{
3535
- return {
3536
- "accent-color": (0, _toColorValue.default)(value)
3537
- };
3538
- }
3539
- }, {
3540
- values: (0, _flattenColorPalette.default)(theme("accentColor")),
3541
- type: [
3542
- "color",
3543
- "any"
3544
- ]
3545
- });
3546
- },
3547
- opacity: (0, _createUtilityPlugin.default)("opacity", [
3548
- [
3549
- "opacity",
3550
- [
3551
- "opacity"
3552
- ]
3553
- ]
3554
- ]),
3555
- backgroundBlendMode: ({ addUtilities })=>{
3556
- addUtilities({
3557
- ".bg-blend-normal": {
3558
- "background-blend-mode": "normal"
3559
- },
3560
- ".bg-blend-multiply": {
3561
- "background-blend-mode": "multiply"
3562
- },
3563
- ".bg-blend-screen": {
3564
- "background-blend-mode": "screen"
3565
- },
3566
- ".bg-blend-overlay": {
3567
- "background-blend-mode": "overlay"
3568
- },
3569
- ".bg-blend-darken": {
3570
- "background-blend-mode": "darken"
3571
- },
3572
- ".bg-blend-lighten": {
3573
- "background-blend-mode": "lighten"
3574
- },
3575
- ".bg-blend-color-dodge": {
3576
- "background-blend-mode": "color-dodge"
3577
- },
3578
- ".bg-blend-color-burn": {
3579
- "background-blend-mode": "color-burn"
3580
- },
3581
- ".bg-blend-hard-light": {
3582
- "background-blend-mode": "hard-light"
3583
- },
3584
- ".bg-blend-soft-light": {
3585
- "background-blend-mode": "soft-light"
3586
- },
3587
- ".bg-blend-difference": {
3588
- "background-blend-mode": "difference"
3589
- },
3590
- ".bg-blend-exclusion": {
3591
- "background-blend-mode": "exclusion"
3592
- },
3593
- ".bg-blend-hue": {
3594
- "background-blend-mode": "hue"
3595
- },
3596
- ".bg-blend-saturation": {
3597
- "background-blend-mode": "saturation"
3598
- },
3599
- ".bg-blend-color": {
3600
- "background-blend-mode": "color"
3601
- },
3602
- ".bg-blend-luminosity": {
3603
- "background-blend-mode": "luminosity"
3604
- }
3605
- });
3606
- },
3607
- mixBlendMode: ({ addUtilities })=>{
3608
- addUtilities({
3609
- ".mix-blend-normal": {
3610
- "mix-blend-mode": "normal"
3611
- },
3612
- ".mix-blend-multiply": {
3613
- "mix-blend-mode": "multiply"
3614
- },
3615
- ".mix-blend-screen": {
3616
- "mix-blend-mode": "screen"
3617
- },
3618
- ".mix-blend-overlay": {
3619
- "mix-blend-mode": "overlay"
3620
- },
3621
- ".mix-blend-darken": {
3622
- "mix-blend-mode": "darken"
3623
- },
3624
- ".mix-blend-lighten": {
3625
- "mix-blend-mode": "lighten"
3626
- },
3627
- ".mix-blend-color-dodge": {
3628
- "mix-blend-mode": "color-dodge"
3629
- },
3630
- ".mix-blend-color-burn": {
3631
- "mix-blend-mode": "color-burn"
3632
- },
3633
- ".mix-blend-hard-light": {
3634
- "mix-blend-mode": "hard-light"
3635
- },
3636
- ".mix-blend-soft-light": {
3637
- "mix-blend-mode": "soft-light"
3638
- },
3639
- ".mix-blend-difference": {
3640
- "mix-blend-mode": "difference"
3641
- },
3642
- ".mix-blend-exclusion": {
3643
- "mix-blend-mode": "exclusion"
3644
- },
3645
- ".mix-blend-hue": {
3646
- "mix-blend-mode": "hue"
3647
- },
3648
- ".mix-blend-saturation": {
3649
- "mix-blend-mode": "saturation"
3650
- },
3651
- ".mix-blend-color": {
3652
- "mix-blend-mode": "color"
3653
- },
3654
- ".mix-blend-luminosity": {
3655
- "mix-blend-mode": "luminosity"
3656
- },
3657
- ".mix-blend-plus-lighter": {
3658
- "mix-blend-mode": "plus-lighter"
3659
- }
3660
- });
3661
- },
3662
- boxShadow: (()=>{
3663
- let transformValue = (0, _transformThemeValue.default)("boxShadow");
3664
- let defaultBoxShadow = [
3665
- `var(--tw-ring-offset-shadow, 0 0 #0000)`,
3666
- `var(--tw-ring-shadow, 0 0 #0000)`,
3667
- `var(--tw-shadow)`
3668
- ].join(", ");
3669
- return function({ matchUtilities , addDefaults , theme }) {
3670
- addDefaults(" box-shadow", {
3671
- "--tw-ring-offset-shadow": "0 0 #0000",
3672
- "--tw-ring-shadow": "0 0 #0000",
3673
- "--tw-shadow": "0 0 #0000",
3674
- "--tw-shadow-colored": "0 0 #0000"
3675
- });
3676
- matchUtilities({
3677
- shadow: (value)=>{
3678
- value = transformValue(value);
3679
- let ast = (0, _parseBoxShadowValue.parseBoxShadowValue)(value);
3680
- for (let shadow of ast){
3681
- // Don't override color if the whole shadow is a variable
3682
- if (!shadow.valid) {
3683
- continue;
3684
- }
3685
- shadow.color = "var(--tw-shadow-color)";
3686
- }
3687
- return {
3688
- "@defaults box-shadow": {},
3689
- "--tw-shadow": value === "none" ? "0 0 #0000" : value,
3690
- "--tw-shadow-colored": value === "none" ? "0 0 #0000" : (0, _parseBoxShadowValue.formatBoxShadowValue)(ast),
3691
- "box-shadow": defaultBoxShadow
3692
- };
3693
- }
3694
- }, {
3695
- values: theme("boxShadow"),
3696
- type: [
3697
- "shadow"
3698
- ]
3699
- });
3700
- };
3701
- })(),
3702
- boxShadowColor: ({ matchUtilities , theme })=>{
3703
- matchUtilities({
3704
- shadow: (value)=>{
3705
- return {
3706
- "--tw-shadow-color": (0, _toColorValue.default)(value),
3707
- "--tw-shadow": "var(--tw-shadow-colored)"
3708
- };
3709
- }
3710
- }, {
3711
- values: (0, _flattenColorPalette.default)(theme("boxShadowColor")),
3712
- type: [
3713
- "color",
3714
- "any"
3715
- ]
3716
- });
3717
- },
3718
- outlineStyle: ({ addUtilities })=>{
3719
- addUtilities({
3720
- ".outline-none": {
3721
- outline: "2px solid transparent",
3722
- "outline-offset": "2px"
3723
- },
3724
- ".outline": {
3725
- "outline-style": "solid"
3726
- },
3727
- ".outline-dashed": {
3728
- "outline-style": "dashed"
3729
- },
3730
- ".outline-dotted": {
3731
- "outline-style": "dotted"
3732
- },
3733
- ".outline-double": {
3734
- "outline-style": "double"
3735
- }
3736
- });
3737
- },
3738
- outlineWidth: (0, _createUtilityPlugin.default)("outlineWidth", [
3739
- [
3740
- "outline",
3741
- [
3742
- "outline-width"
3743
- ]
3744
- ]
3745
- ], {
3746
- type: [
3747
- "length",
3748
- "number",
3749
- "percentage"
3750
- ]
3751
- }),
3752
- outlineOffset: (0, _createUtilityPlugin.default)("outlineOffset", [
3753
- [
3754
- "outline-offset",
3755
- [
3756
- "outline-offset"
3757
- ]
3758
- ]
3759
- ], {
3760
- type: [
3761
- "length",
3762
- "number",
3763
- "percentage",
3764
- "any"
3765
- ],
3766
- supportsNegativeValues: true
3767
- }),
3768
- outlineColor: ({ matchUtilities , theme })=>{
3769
- matchUtilities({
3770
- outline: (value)=>{
3771
- return {
3772
- "outline-color": (0, _toColorValue.default)(value)
3773
- };
3774
- }
3775
- }, {
3776
- values: (0, _flattenColorPalette.default)(theme("outlineColor")),
3777
- type: [
3778
- "color",
3779
- "any"
3780
- ]
3781
- });
3782
- },
3783
- ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme , config })=>{
3784
- let ringColorDefault = (()=>{
3785
- var _theme, _theme1;
3786
- if ((0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")) {
3787
- return theme("ringColor.DEFAULT");
3788
- }
3789
- let ringOpacityDefault = theme("ringOpacity.DEFAULT", "0.5");
3790
- if (!((_theme = theme("ringColor")) === null || _theme === void 0 ? void 0 : _theme.DEFAULT)) {
3791
- return `rgb(147 197 253 / ${ringOpacityDefault})`;
3792
- }
3793
- return (0, _withAlphaVariable.withAlphaValue)((_theme1 = theme("ringColor")) === null || _theme1 === void 0 ? void 0 : _theme1.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
3794
- })();
3795
- addDefaults("ring-width", {
3796
- "--tw-ring-inset": " ",
3797
- "--tw-ring-offset-width": theme("ringOffsetWidth.DEFAULT", "0px"),
3798
- "--tw-ring-offset-color": theme("ringOffsetColor.DEFAULT", "#fff"),
3799
- "--tw-ring-color": ringColorDefault,
3800
- "--tw-ring-offset-shadow": "0 0 #0000",
3801
- "--tw-ring-shadow": "0 0 #0000",
3802
- "--tw-shadow": "0 0 #0000",
3803
- "--tw-shadow-colored": "0 0 #0000"
3804
- });
3805
- matchUtilities({
3806
- ring: (value)=>{
3807
- return {
3808
- "@defaults ring-width": {},
3809
- "--tw-ring-offset-shadow": `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`,
3810
- "--tw-ring-shadow": `var(--tw-ring-inset) 0 0 0 calc(${value} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
3811
- "box-shadow": [
3812
- `var(--tw-ring-offset-shadow)`,
3813
- `var(--tw-ring-shadow)`,
3814
- `var(--tw-shadow, 0 0 #0000)`
3815
- ].join(", ")
3816
- };
3817
- }
3818
- }, {
3819
- values: theme("ringWidth"),
3820
- type: "length"
3821
- });
3822
- addUtilities({
3823
- ".ring-inset": {
3824
- "@defaults ring-width": {},
3825
- "--tw-ring-inset": "inset"
3826
- }
3827
- });
3828
- },
3829
- ringColor: ({ matchUtilities , theme , corePlugins })=>{
3830
- matchUtilities({
3831
- ring: (value)=>{
3832
- if (!corePlugins("ringOpacity")) {
3833
- return {
3834
- "--tw-ring-color": (0, _toColorValue.default)(value)
3835
- };
3836
- }
3837
- return (0, _withAlphaVariable.default)({
3838
- color: value,
3839
- property: "--tw-ring-color",
3840
- variable: "--tw-ring-opacity"
3841
- });
3842
- }
3843
- }, {
3844
- values: Object.fromEntries(Object.entries((0, _flattenColorPalette.default)(theme("ringColor"))).filter(([modifier])=>modifier !== "DEFAULT")),
3845
- type: [
3846
- "color",
3847
- "any"
3848
- ]
3849
- });
3850
- },
3851
- ringOpacity: (helpers)=>{
3852
- let { config } = helpers;
3853
- return (0, _createUtilityPlugin.default)("ringOpacity", [
3854
- [
3855
- "ring-opacity",
3856
- [
3857
- "--tw-ring-opacity"
3858
- ]
3859
- ]
3860
- ], {
3861
- filterDefault: !(0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")
3862
- })(helpers);
3863
- },
3864
- ringOffsetWidth: (0, _createUtilityPlugin.default)("ringOffsetWidth", [
3865
- [
3866
- "ring-offset",
3867
- [
3868
- "--tw-ring-offset-width"
3869
- ]
3870
- ]
3871
- ], {
3872
- type: "length"
3873
- }),
3874
- ringOffsetColor: ({ matchUtilities , theme })=>{
3875
- matchUtilities({
3876
- "ring-offset": (value)=>{
3877
- return {
3878
- "--tw-ring-offset-color": (0, _toColorValue.default)(value)
3879
- };
3880
- }
3881
- }, {
3882
- values: (0, _flattenColorPalette.default)(theme("ringOffsetColor")),
3883
- type: [
3884
- "color",
3885
- "any"
3886
- ]
3887
- });
3888
- },
3889
- blur: ({ matchUtilities , theme })=>{
3890
- matchUtilities({
3891
- blur: (value)=>{
3892
- return {
3893
- "--tw-blur": `blur(${value})`,
3894
- "@defaults filter": {},
3895
- filter: cssFilterValue
3896
- };
3897
- }
3898
- }, {
3899
- values: theme("blur")
3900
- });
3901
- },
3902
- brightness: ({ matchUtilities , theme })=>{
3903
- matchUtilities({
3904
- brightness: (value)=>{
3905
- return {
3906
- "--tw-brightness": `brightness(${value})`,
3907
- "@defaults filter": {},
3908
- filter: cssFilterValue
3909
- };
3910
- }
3911
- }, {
3912
- values: theme("brightness")
3913
- });
3914
- },
3915
- contrast: ({ matchUtilities , theme })=>{
3916
- matchUtilities({
3917
- contrast: (value)=>{
3918
- return {
3919
- "--tw-contrast": `contrast(${value})`,
3920
- "@defaults filter": {},
3921
- filter: cssFilterValue
3922
- };
3923
- }
3924
- }, {
3925
- values: theme("contrast")
3926
- });
3927
- },
3928
- dropShadow: ({ matchUtilities , theme })=>{
3929
- matchUtilities({
3930
- "drop-shadow": (value)=>{
3931
- return {
3932
- "--tw-drop-shadow": Array.isArray(value) ? value.map((v)=>`drop-shadow(${v})`).join(" ") : `drop-shadow(${value})`,
3933
- "@defaults filter": {},
3934
- filter: cssFilterValue
3935
- };
3936
- }
3937
- }, {
3938
- values: theme("dropShadow")
3939
- });
3940
- },
3941
- grayscale: ({ matchUtilities , theme })=>{
3942
- matchUtilities({
3943
- grayscale: (value)=>{
3944
- return {
3945
- "--tw-grayscale": `grayscale(${value})`,
3946
- "@defaults filter": {},
3947
- filter: cssFilterValue
3948
- };
3949
- }
3950
- }, {
3951
- values: theme("grayscale")
3952
- });
3953
- },
3954
- hueRotate: ({ matchUtilities , theme })=>{
3955
- matchUtilities({
3956
- "hue-rotate": (value)=>{
3957
- return {
3958
- "--tw-hue-rotate": `hue-rotate(${value})`,
3959
- "@defaults filter": {},
3960
- filter: cssFilterValue
3961
- };
3962
- }
3963
- }, {
3964
- values: theme("hueRotate"),
3965
- supportsNegativeValues: true
3966
- });
3967
- },
3968
- invert: ({ matchUtilities , theme })=>{
3969
- matchUtilities({
3970
- invert: (value)=>{
3971
- return {
3972
- "--tw-invert": `invert(${value})`,
3973
- "@defaults filter": {},
3974
- filter: cssFilterValue
3975
- };
3976
- }
3977
- }, {
3978
- values: theme("invert")
3979
- });
3980
- },
3981
- saturate: ({ matchUtilities , theme })=>{
3982
- matchUtilities({
3983
- saturate: (value)=>{
3984
- return {
3985
- "--tw-saturate": `saturate(${value})`,
3986
- "@defaults filter": {},
3987
- filter: cssFilterValue
3988
- };
3989
- }
3990
- }, {
3991
- values: theme("saturate")
3992
- });
3993
- },
3994
- sepia: ({ matchUtilities , theme })=>{
3995
- matchUtilities({
3996
- sepia: (value)=>{
3997
- return {
3998
- "--tw-sepia": `sepia(${value})`,
3999
- "@defaults filter": {},
4000
- filter: cssFilterValue
4001
- };
4002
- }
4003
- }, {
4004
- values: theme("sepia")
4005
- });
4006
- },
4007
- filter: ({ addDefaults , addUtilities })=>{
4008
- addDefaults("filter", {
4009
- "--tw-blur": " ",
4010
- "--tw-brightness": " ",
4011
- "--tw-contrast": " ",
4012
- "--tw-grayscale": " ",
4013
- "--tw-hue-rotate": " ",
4014
- "--tw-invert": " ",
4015
- "--tw-saturate": " ",
4016
- "--tw-sepia": " ",
4017
- "--tw-drop-shadow": " "
4018
- });
4019
- addUtilities({
4020
- ".filter": {
4021
- "@defaults filter": {},
4022
- filter: cssFilterValue
4023
- },
4024
- ".filter-none": {
4025
- filter: "none"
4026
- }
4027
- });
4028
- },
4029
- backdropBlur: ({ matchUtilities , theme })=>{
4030
- matchUtilities({
4031
- "backdrop-blur": (value)=>{
4032
- return {
4033
- "--tw-backdrop-blur": `blur(${value})`,
4034
- "@defaults backdrop-filter": {},
4035
- "backdrop-filter": cssBackdropFilterValue
4036
- };
4037
- }
4038
- }, {
4039
- values: theme("backdropBlur")
4040
- });
4041
- },
4042
- backdropBrightness: ({ matchUtilities , theme })=>{
4043
- matchUtilities({
4044
- "backdrop-brightness": (value)=>{
4045
- return {
4046
- "--tw-backdrop-brightness": `brightness(${value})`,
4047
- "@defaults backdrop-filter": {},
4048
- "backdrop-filter": cssBackdropFilterValue
4049
- };
4050
- }
4051
- }, {
4052
- values: theme("backdropBrightness")
4053
- });
4054
- },
4055
- backdropContrast: ({ matchUtilities , theme })=>{
4056
- matchUtilities({
4057
- "backdrop-contrast": (value)=>{
4058
- return {
4059
- "--tw-backdrop-contrast": `contrast(${value})`,
4060
- "@defaults backdrop-filter": {},
4061
- "backdrop-filter": cssBackdropFilterValue
4062
- };
4063
- }
4064
- }, {
4065
- values: theme("backdropContrast")
4066
- });
4067
- },
4068
- backdropGrayscale: ({ matchUtilities , theme })=>{
4069
- matchUtilities({
4070
- "backdrop-grayscale": (value)=>{
4071
- return {
4072
- "--tw-backdrop-grayscale": `grayscale(${value})`,
4073
- "@defaults backdrop-filter": {},
4074
- "backdrop-filter": cssBackdropFilterValue
4075
- };
4076
- }
4077
- }, {
4078
- values: theme("backdropGrayscale")
4079
- });
4080
- },
4081
- backdropHueRotate: ({ matchUtilities , theme })=>{
4082
- matchUtilities({
4083
- "backdrop-hue-rotate": (value)=>{
4084
- return {
4085
- "--tw-backdrop-hue-rotate": `hue-rotate(${value})`,
4086
- "@defaults backdrop-filter": {},
4087
- "backdrop-filter": cssBackdropFilterValue
4088
- };
4089
- }
4090
- }, {
4091
- values: theme("backdropHueRotate"),
4092
- supportsNegativeValues: true
4093
- });
4094
- },
4095
- backdropInvert: ({ matchUtilities , theme })=>{
4096
- matchUtilities({
4097
- "backdrop-invert": (value)=>{
4098
- return {
4099
- "--tw-backdrop-invert": `invert(${value})`,
4100
- "@defaults backdrop-filter": {},
4101
- "backdrop-filter": cssBackdropFilterValue
4102
- };
4103
- }
4104
- }, {
4105
- values: theme("backdropInvert")
4106
- });
4107
- },
4108
- backdropOpacity: ({ matchUtilities , theme })=>{
4109
- matchUtilities({
4110
- "backdrop-opacity": (value)=>{
4111
- return {
4112
- "--tw-backdrop-opacity": `opacity(${value})`,
4113
- "@defaults backdrop-filter": {},
4114
- "backdrop-filter": cssBackdropFilterValue
4115
- };
4116
- }
4117
- }, {
4118
- values: theme("backdropOpacity")
4119
- });
4120
- },
4121
- backdropSaturate: ({ matchUtilities , theme })=>{
4122
- matchUtilities({
4123
- "backdrop-saturate": (value)=>{
4124
- return {
4125
- "--tw-backdrop-saturate": `saturate(${value})`,
4126
- "@defaults backdrop-filter": {},
4127
- "backdrop-filter": cssBackdropFilterValue
4128
- };
4129
- }
4130
- }, {
4131
- values: theme("backdropSaturate")
4132
- });
4133
- },
4134
- backdropSepia: ({ matchUtilities , theme })=>{
4135
- matchUtilities({
4136
- "backdrop-sepia": (value)=>{
4137
- return {
4138
- "--tw-backdrop-sepia": `sepia(${value})`,
4139
- "@defaults backdrop-filter": {},
4140
- "backdrop-filter": cssBackdropFilterValue
4141
- };
4142
- }
4143
- }, {
4144
- values: theme("backdropSepia")
4145
- });
4146
- },
4147
- backdropFilter: ({ addDefaults , addUtilities })=>{
4148
- addDefaults("backdrop-filter", {
4149
- "--tw-backdrop-blur": " ",
4150
- "--tw-backdrop-brightness": " ",
4151
- "--tw-backdrop-contrast": " ",
4152
- "--tw-backdrop-grayscale": " ",
4153
- "--tw-backdrop-hue-rotate": " ",
4154
- "--tw-backdrop-invert": " ",
4155
- "--tw-backdrop-opacity": " ",
4156
- "--tw-backdrop-saturate": " ",
4157
- "--tw-backdrop-sepia": " "
4158
- });
4159
- addUtilities({
4160
- ".backdrop-filter": {
4161
- "@defaults backdrop-filter": {},
4162
- "backdrop-filter": cssBackdropFilterValue
4163
- },
4164
- ".backdrop-filter-none": {
4165
- "backdrop-filter": "none"
4166
- }
4167
- });
4168
- },
4169
- transitionProperty: ({ matchUtilities , theme })=>{
4170
- let defaultTimingFunction = theme("transitionTimingFunction.DEFAULT");
4171
- let defaultDuration = theme("transitionDuration.DEFAULT");
4172
- matchUtilities({
4173
- transition: (value)=>{
4174
- return {
4175
- "transition-property": value,
4176
- ...value === "none" ? {} : {
4177
- "transition-timing-function": defaultTimingFunction,
4178
- "transition-duration": defaultDuration
4179
- }
4180
- };
4181
- }
4182
- }, {
4183
- values: theme("transitionProperty")
4184
- });
4185
- },
4186
- transitionDelay: (0, _createUtilityPlugin.default)("transitionDelay", [
4187
- [
4188
- "delay",
4189
- [
4190
- "transitionDelay"
4191
- ]
4192
- ]
4193
- ]),
4194
- transitionDuration: (0, _createUtilityPlugin.default)("transitionDuration", [
4195
- [
4196
- "duration",
4197
- [
4198
- "transitionDuration"
4199
- ]
4200
- ]
4201
- ], {
4202
- filterDefault: true
4203
- }),
4204
- transitionTimingFunction: (0, _createUtilityPlugin.default)("transitionTimingFunction", [
4205
- [
4206
- "ease",
4207
- [
4208
- "transitionTimingFunction"
4209
- ]
4210
- ]
4211
- ], {
4212
- filterDefault: true
4213
- }),
4214
- willChange: (0, _createUtilityPlugin.default)("willChange", [
4215
- [
4216
- "will-change",
4217
- [
4218
- "will-change"
4219
- ]
4220
- ]
4221
- ]),
4222
- content: (0, _createUtilityPlugin.default)("content", [
4223
- [
4224
- "content",
4225
- [
4226
- "--tw-content",
4227
- [
4228
- "content",
4229
- "var(--tw-content)"
4230
- ]
4231
- ]
4232
- ]
4233
- ]),
4234
- forcedColorAdjust: ({ addUtilities })=>{
4235
- addUtilities({
4236
- ".forced-color-adjust-auto": {
4237
- "forced-color-adjust": "auto"
4238
- },
4239
- ".forced-color-adjust-none": {
4240
- "forced-color-adjust": "none"
4241
- }
4242
- });
4243
- }
4244
- };