tailwindcss 0.0.0-insiders.eb8d929 → 0.0.0-insiders.ec0049a

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