@removify/tailwind-preset 1.0.7 → 1.0.9

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 (7) hide show
  1. package/dist/index.cjs +481 -583
  2. package/dist/index.d.cts +404 -633
  3. package/dist/index.d.mts +482 -0
  4. package/dist/index.mjs +468 -0
  5. package/package.json +35 -42
  6. package/dist/index.d.ts +0 -711
  7. package/dist/index.js +0 -556
package/dist/index.cjs CHANGED
@@ -1,611 +1,509 @@
1
- "use strict";
1
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
+ //#region \0rolldown/runtime.js
2
3
  var __create = Object.create;
3
4
  var __defProp = Object.defineProperty;
4
5
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
7
  var __getProtoOf = Object.getPrototypeOf;
7
8
  var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
9
  var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
-
30
- // src/index.ts
31
- var index_exports = {};
32
- __export(index_exports, {
33
- animation: () => animation2,
34
- boxShadow: () => boxShadow,
35
- buildPreset: () => buildPreset,
36
- buildTheme: () => buildTheme,
37
- colors: () => colors,
38
- colorsNames: () => colorsNames,
39
- configuredThemes: () => configuredThemes,
40
- defaultTheme: () => defaultTheme,
41
- factory: () => factory,
42
- fontFamily: () => customFontFamily,
43
- fontSize: () => fontSize,
44
- isDetailFont: () => isDetailFont,
45
- keyframes: () => keyframes,
46
- ratingColorVariations: () => ratingColorVariations,
47
- screenSizes: () => screenSizes,
48
- screens: () => screens,
49
- screensNumber: () => screensNumber,
50
- shadowVariations: () => shadowVariations,
51
- unocssTheme: () => unocssTheme
52
- });
53
- module.exports = __toCommonJS(index_exports);
54
-
55
- // src/plugins/index.ts
56
- var import_tailwindcss_animate = __toESM(require("tailwindcss-animate"), 1);
57
- var plugins = [import_tailwindcss_animate.default];
58
-
59
- // src/theme/animation.ts
60
- var uiAnimation = {
61
- "radix-accordion-down": "radix-accordion-down 0.1s ease-out",
62
- "radix-accordion-up": "radix-accordion-up 0.1s ease-out",
63
- "radix-collapsible-down": "radix-collapsible-down 0.1s ease-in-out",
64
- "radix-collapsible-up": "radix-collapsible-up 0.1s ease-in-out",
65
- // V2 aka reka animation
66
- "reka-accordion-down": "reka-accordion-down 0.1s ease-out",
67
- "reka-accordion-up": "reka-accordion-up 0.1s ease-out",
68
- "reka-collapsible-down": "reka-collapsible-down 0.1s ease-in-out",
69
- "reka-collapsible-up": "reka-collapsible-up 0.1s ease-in-out",
70
- // V4
71
- "accordion-down": "accordion-down 0.2s ease-out",
72
- "accordion-up": "accordion-up 0.2s ease-out",
73
- "collapsible-down": "collapsible-down 0.2s ease-in-out",
74
- "collapsible-up": "collapsible-up 0.2s ease-in-out"
10
+ if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
11
+ key = keys[i];
12
+ if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
13
+ get: ((k) => from[k]).bind(null, key),
14
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
+ });
16
+ }
17
+ return to;
75
18
  };
76
- var uiKeyframes = {
77
- "radix-accordion-down": {
78
- from: { height: "0" },
79
- to: { height: "var(--radix-accordion-content-height)" }
80
- },
81
- "radix-accordion-up": {
82
- from: { height: "var(--radix-accordion-content-height)" },
83
- to: { height: "0" }
84
- },
85
- "radix-collapsible-down": {
86
- from: { height: "0" },
87
- to: { height: "var(--radix-collapsible-content-height)" }
88
- },
89
- "radix-collapsible-up": {
90
- from: { height: "var(--radix-collapsible-content-height)" },
91
- to: { height: "0" }
92
- },
93
- // V2 aka reka animation
94
- "reka-accordion-down": {
95
- from: { height: "0" },
96
- to: { height: "var(--reka-accordion-content-height)" }
97
- },
98
- "reka-accordion-up": {
99
- from: { height: "var(--reka-accordion-content-height)" },
100
- to: { height: "0" }
101
- },
102
- "reka-collapsible-down": {
103
- from: { height: "0" },
104
- to: { height: "var(--reka-collapsible-content-height)" }
105
- },
106
- "reka-collapsible-up": {
107
- from: { height: "var(--reka-collapsible-content-height)" },
108
- to: { height: "0" }
109
- },
110
- "accordion-down": {
111
- from: { height: "0" },
112
- to: { height: "var(--radix-accordion-content-height)" }
113
- },
114
- "accordion-up": {
115
- from: { height: "var(--radix-accordion-content-height)" },
116
- to: { height: "0" }
117
- },
118
- "collapsible-down": {
119
- from: { height: "0" },
120
- to: { height: "var(--radix-collapsible-content-height)" }
121
- },
122
- "collapsible-up": {
123
- from: { height: "var(--radix-collapsible-content-height)" },
124
- to: { height: "0" }
125
- }
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
20
+ value: mod,
21
+ enumerable: true
22
+ }) : target, mod));
23
+ //#endregion
24
+ let tailwindcss_animate = require("tailwindcss-animate");
25
+ tailwindcss_animate = __toESM(tailwindcss_animate);
26
+ //#region src/plugins/index.ts
27
+ const plugins = [tailwindcss_animate.default];
28
+ //#endregion
29
+ //#region src/theme/animation.ts
30
+ const uiAnimation = {
31
+ "radix-accordion-down": "radix-accordion-down 0.1s ease-out",
32
+ "radix-accordion-up": "radix-accordion-up 0.1s ease-out",
33
+ "radix-collapsible-down": "radix-collapsible-down 0.1s ease-in-out",
34
+ "radix-collapsible-up": "radix-collapsible-up 0.1s ease-in-out",
35
+ "reka-accordion-down": "reka-accordion-down 0.1s ease-out",
36
+ "reka-accordion-up": "reka-accordion-up 0.1s ease-out",
37
+ "reka-collapsible-down": "reka-collapsible-down 0.1s ease-in-out",
38
+ "reka-collapsible-up": "reka-collapsible-up 0.1s ease-in-out",
39
+ "accordion-down": "accordion-down 0.2s ease-out",
40
+ "accordion-up": "accordion-up 0.2s ease-out",
41
+ "collapsible-down": "collapsible-down 0.2s ease-in-out",
42
+ "collapsible-up": "collapsible-up 0.2s ease-in-out"
126
43
  };
127
- var animation2 = {
128
- ...uiAnimation
44
+ const uiKeyframes = {
45
+ "radix-accordion-down": {
46
+ from: { height: "0" },
47
+ to: { height: "var(--radix-accordion-content-height)" }
48
+ },
49
+ "radix-accordion-up": {
50
+ from: { height: "var(--radix-accordion-content-height)" },
51
+ to: { height: "0" }
52
+ },
53
+ "radix-collapsible-down": {
54
+ from: { height: "0" },
55
+ to: { height: "var(--radix-collapsible-content-height)" }
56
+ },
57
+ "radix-collapsible-up": {
58
+ from: { height: "var(--radix-collapsible-content-height)" },
59
+ to: { height: "0" }
60
+ },
61
+ "reka-accordion-down": {
62
+ from: { height: "0" },
63
+ to: { height: "var(--reka-accordion-content-height)" }
64
+ },
65
+ "reka-accordion-up": {
66
+ from: { height: "var(--reka-accordion-content-height)" },
67
+ to: { height: "0" }
68
+ },
69
+ "reka-collapsible-down": {
70
+ from: { height: "0" },
71
+ to: { height: "var(--reka-collapsible-content-height)" }
72
+ },
73
+ "reka-collapsible-up": {
74
+ from: { height: "var(--reka-collapsible-content-height)" },
75
+ to: { height: "0" }
76
+ },
77
+ "accordion-down": {
78
+ from: { height: "0" },
79
+ to: { height: "var(--radix-accordion-content-height)" }
80
+ },
81
+ "accordion-up": {
82
+ from: { height: "var(--radix-accordion-content-height)" },
83
+ to: { height: "0" }
84
+ },
85
+ "collapsible-down": {
86
+ from: { height: "0" },
87
+ to: { height: "var(--radix-collapsible-content-height)" }
88
+ },
89
+ "collapsible-up": {
90
+ from: { height: "var(--radix-collapsible-content-height)" },
91
+ to: { height: "0" }
92
+ }
129
93
  };
130
- var keyframes = {
131
- ...uiKeyframes
94
+ const animation = { ...uiAnimation };
95
+ const keyframes = { ...uiKeyframes };
96
+ //#endregion
97
+ //#region src/theme/colors.ts
98
+ const mainColors = {
99
+ inherit: "inherit",
100
+ current: "currentColor",
101
+ transparent: "transparent",
102
+ danger: "#EA3529",
103
+ warning: "#F97316",
104
+ success: "#15A46E",
105
+ info: "#3EC2C9",
106
+ special: "#686DF4",
107
+ black: "#000000",
108
+ white: "#FFFFFF",
109
+ bateau: {
110
+ DEFAULT: "#1C749F",
111
+ 50: "#F2F5F7",
112
+ 100: "#E7ECF0",
113
+ 200: "#CCD7E1",
114
+ 300: "#ADC0D0",
115
+ 400: "#6390B0",
116
+ 500: "#1C749F",
117
+ 600: "#1B6F98",
118
+ 700: "#186388",
119
+ 800: "#155675",
120
+ 900: "#114660",
121
+ 950: "#0C3144"
122
+ },
123
+ pompelmo: {
124
+ DEFAULT: "#FF6663",
125
+ 50: "#FFF4F4",
126
+ 100: "#FFEBEA",
127
+ 200: "#FFD4D4",
128
+ 300: "#FFBCBB",
129
+ 400: "#FF9F9E",
130
+ 500: "#FF6663",
131
+ 600: "#F3615E",
132
+ 700: "#DA5754",
133
+ 800: "#BC4B49",
134
+ 900: "#9A3E3C",
135
+ 950: "#6D2C2A"
136
+ },
137
+ neutral: {
138
+ DEFAULT: "#BEC7D1",
139
+ 50: "#F9FAFB",
140
+ 100: "#F4F6F7",
141
+ 200: "#E9ECEF",
142
+ 300: "#DEE2E7",
143
+ 400: "#D2D8DE",
144
+ 500: "#BEC7D1",
145
+ 600: "#B5BEC7",
146
+ 700: "#A2AAB2",
147
+ 800: "#8C939A",
148
+ 900: "#73787E",
149
+ 950: "#515559"
150
+ },
151
+ orange: {
152
+ DEFAULT: "#F97316",
153
+ 50: "#FEF5F2",
154
+ 100: "#FEECE7",
155
+ 200: "#FDD7CC",
156
+ 300: "#FCC0AD",
157
+ 400: "#FBA586",
158
+ 500: "#F97316",
159
+ 600: "#EE6E15",
160
+ 700: "#D46213",
161
+ 800: "#B85510",
162
+ 900: "#96450D",
163
+ 950: "#6A3109"
164
+ },
165
+ amber: {
166
+ DEFAULT: "#FBBF24",
167
+ 50: "#FFF9F2",
168
+ 100: "#FEF5E7",
169
+ 200: "#FEEACD",
170
+ 300: "#FDDEAE",
171
+ 400: "#FCD288",
172
+ 500: "#FBBF24",
173
+ 600: "#EFB622",
174
+ 700: "#D6A31F",
175
+ 800: "#B98D1B",
176
+ 900: "#977316",
177
+ 950: "#6B510F"
178
+ },
179
+ indigo: {
180
+ DEFAULT: "#686DF4",
181
+ 50: "#F4F4FE",
182
+ 100: "#EBEBFD",
183
+ 200: "#D5D6FB",
184
+ 300: "#BCBEF9",
185
+ 400: "#A0A2F7",
186
+ 500: "#686DF4",
187
+ 600: "#6368E9",
188
+ 700: "#595DD0",
189
+ 800: "#4D51B4",
190
+ 900: "#3F4293",
191
+ 950: "#2C2F68"
192
+ },
193
+ seafoam: {
194
+ DEFAULT: "#3EC2C9",
195
+ 50: "#F3FAFA",
196
+ 100: "#E8F5F6",
197
+ 200: "#CFEBED",
198
+ 300: "#B2E0E3",
199
+ 400: "#8FD4D9",
200
+ 500: "#3EC2C9",
201
+ 600: "#3BB9C0",
202
+ 700: "#35A6AB",
203
+ 800: "#2E8F95",
204
+ 900: "#257579",
205
+ 950: "#1A5356"
206
+ },
207
+ green: {
208
+ DEFAULT: "#15A46E",
209
+ 50: "#F2F7F4",
210
+ 100: "#E7F1EB",
211
+ 200: "#CCE2D6",
212
+ 300: "#ADD2BE",
213
+ 400: "#86C1A3",
214
+ 500: "#15A46E",
215
+ 600: "#149C69",
216
+ 700: "#128C5E",
217
+ 800: "#107951",
218
+ 900: "#0D6342",
219
+ 950: "#09462F"
220
+ },
221
+ fuchsia: {
222
+ DEFAULT: "#C53DE7",
223
+ 50: "#FAF3FD",
224
+ 100: "#F5E8FB",
225
+ 200: "#ECCFF7",
226
+ 300: "#E1B2F2",
227
+ 400: "#D68FEE",
228
+ 500: "#C53DE7",
229
+ 600: "#BC3ADC",
230
+ 700: "#A834C5",
231
+ 800: "#922DAB",
232
+ 900: "#77258B",
233
+ 950: "#541A63"
234
+ },
235
+ red: {
236
+ DEFAULT: "#EA3529",
237
+ 50: "#FDF2F2",
238
+ 100: "#FBE8E7",
239
+ 200: "#F8CECD",
240
+ 300: "#F4B0AE",
241
+ 400: "#F08C8A",
242
+ 500: "#EA3529",
243
+ 600: "#DF3327",
244
+ 700: "#C82D23",
245
+ 800: "#AD271E",
246
+ 900: "#8D2019",
247
+ 950: "#641711"
248
+ },
249
+ rating: {
250
+ "high": "#15A46E",
251
+ "medium": "#EC5818",
252
+ "low": "#EA3529",
253
+ "high-star": "#86C1A3",
254
+ "medium-star": "#FCD288",
255
+ "low-star": "#F08C8A"
256
+ },
257
+ table: { border: "#e8e9ed" }
132
258
  };
133
-
134
- // src/theme/colors.ts
135
- var mainColors = {
136
- inherit: "inherit",
137
- current: "currentColor",
138
- transparent: "transparent",
139
- danger: "#EA3529",
140
- warning: "#F97316",
141
- success: "#15A46E",
142
- info: "#3EC2C9",
143
- special: "#686DF4",
144
- black: "#000000",
145
- white: "#FFFFFF",
146
- bateau: {
147
- DEFAULT: "#1C749F",
148
- 50: "#F2F5F7",
149
- 100: "#E7ECF0",
150
- 200: "#CCD7E1",
151
- 300: "#ADC0D0",
152
- 400: "#6390B0",
153
- 500: "#1C749F",
154
- 600: "#1B6F98",
155
- 700: "#186388",
156
- 800: "#155675",
157
- 900: "#114660",
158
- 950: "#0C3144"
159
- },
160
- pompelmo: {
161
- DEFAULT: "#FF6663",
162
- 50: "#FFF4F4",
163
- 100: "#FFEBEA",
164
- 200: "#FFD4D4",
165
- 300: "#FFBCBB",
166
- 400: "#FF9F9E",
167
- 500: "#FF6663",
168
- 600: "#F3615E",
169
- 700: "#DA5754",
170
- 800: "#BC4B49",
171
- 900: "#9A3E3C",
172
- 950: "#6D2C2A"
173
- },
174
- neutral: {
175
- DEFAULT: "#BEC7D1",
176
- 50: "#F9FAFB",
177
- 100: "#F4F6F7",
178
- 200: "#E9ECEF",
179
- 300: "#DEE2E7",
180
- 400: "#D2D8DE",
181
- 500: "#BEC7D1",
182
- 600: "#B5BEC7",
183
- 700: "#A2AAB2",
184
- 800: "#8C939A",
185
- 900: "#73787E",
186
- 950: "#515559"
187
- },
188
- orange: {
189
- DEFAULT: "#F97316",
190
- 50: "#FEF5F2",
191
- 100: "#FEECE7",
192
- 200: "#FDD7CC",
193
- 300: "#FCC0AD",
194
- 400: "#FBA586",
195
- 500: "#F97316",
196
- 600: "#EE6E15",
197
- 700: "#D46213",
198
- 800: "#B85510",
199
- 900: "#96450D",
200
- 950: "#6A3109"
201
- },
202
- amber: {
203
- DEFAULT: "#FBBF24",
204
- 50: "#FFF9F2",
205
- 100: "#FEF5E7",
206
- 200: "#FEEACD",
207
- 300: "#FDDEAE",
208
- 400: "#FCD288",
209
- 500: "#FBBF24",
210
- 600: "#EFB622",
211
- 700: "#D6A31F",
212
- 800: "#B98D1B",
213
- 900: "#977316",
214
- 950: "#6B510F"
215
- },
216
- indigo: {
217
- DEFAULT: "#686DF4",
218
- 50: "#F4F4FE",
219
- 100: "#EBEBFD",
220
- 200: "#D5D6FB",
221
- 300: "#BCBEF9",
222
- 400: "#A0A2F7",
223
- 500: "#686DF4",
224
- 600: "#6368E9",
225
- 700: "#595DD0",
226
- 800: "#4D51B4",
227
- 900: "#3F4293",
228
- 950: "#2C2F68"
229
- },
230
- seafoam: {
231
- DEFAULT: "#3EC2C9",
232
- 50: "#F3FAFA",
233
- 100: "#E8F5F6",
234
- 200: "#CFEBED",
235
- 300: "#B2E0E3",
236
- 400: "#8FD4D9",
237
- 500: "#3EC2C9",
238
- 600: "#3BB9C0",
239
- 700: "#35A6AB",
240
- 800: "#2E8F95",
241
- 900: "#257579",
242
- 950: "#1A5356"
243
- },
244
- green: {
245
- DEFAULT: "#15A46E",
246
- 50: "#F2F7F4",
247
- 100: "#E7F1EB",
248
- 200: "#CCE2D6",
249
- 300: "#ADD2BE",
250
- 400: "#86C1A3",
251
- 500: "#15A46E",
252
- 600: "#149C69",
253
- 700: "#128C5E",
254
- 800: "#107951",
255
- 900: "#0D6342",
256
- 950: "#09462F"
257
- },
258
- fuchsia: {
259
- DEFAULT: "#C53DE7",
260
- 50: "#FAF3FD",
261
- 100: "#F5E8FB",
262
- 200: "#ECCFF7",
263
- 300: "#E1B2F2",
264
- 400: "#D68FEE",
265
- 500: "#C53DE7",
266
- 600: "#BC3ADC",
267
- 700: "#A834C5",
268
- 800: "#922DAB",
269
- 900: "#77258B",
270
- 950: "#541A63"
271
- },
272
- red: {
273
- DEFAULT: "#EA3529",
274
- 50: "#FDF2F2",
275
- 100: "#FBE8E7",
276
- 200: "#F8CECD",
277
- 300: "#F4B0AE",
278
- 400: "#F08C8A",
279
- 500: "#EA3529",
280
- 600: "#DF3327",
281
- 700: "#C82D23",
282
- 800: "#AD271E",
283
- 900: "#8D2019",
284
- 950: "#641711"
285
- },
286
- rating: {
287
- "high": "#15A46E",
288
- "medium": "#EC5818",
289
- "low": "#EA3529",
290
- "high-star": "#86C1A3",
291
- "medium-star": "#FCD288",
292
- "low-star": "#F08C8A"
293
- },
294
- table: {
295
- border: "#e8e9ed"
296
- }
259
+ const colors = {
260
+ ...mainColors,
261
+ primary: mainColors.bateau,
262
+ secondary: mainColors.pompelmo
297
263
  };
298
- var colors = {
299
- ...mainColors,
300
- primary: mainColors.bateau,
301
- secondary: mainColors.pompelmo
264
+ const customFontFamily = { sans: ["DM Sans", ...[
265
+ "ui-sans-serif",
266
+ "system-ui",
267
+ "sans-serif",
268
+ "\"Apple Color Emoji\"",
269
+ "\"Segoe UI Emoji\"",
270
+ "\"Segoe UI Symbol\"",
271
+ "\"Noto Color Emoji\""
272
+ ]] };
273
+ //#endregion
274
+ //#region src/theme/fontSize.ts
275
+ const fontSize = {
276
+ "2xs": ["0.6875rem", "1rem"],
277
+ "xs": ["0.75rem", "1rem"],
278
+ "sm": ["0.875rem", "1.25rem"],
279
+ "base": ["1rem", "1.5rem"],
280
+ "md": ["1.125rem", "1.5rem"],
281
+ "lg": ["1.25rem", "1.625rem"],
282
+ "display1": ["3.75rem", {
283
+ fontWeight: 700,
284
+ lineHeight: "5rem",
285
+ letterSpacing: "-0.0625rem"
286
+ }],
287
+ "display2": ["3.25rem", {
288
+ fontWeight: 700,
289
+ lineHeight: "4.25rem",
290
+ letterSpacing: "-0.05rem"
291
+ }],
292
+ "display3": ["2.75rem", {
293
+ fontWeight: 700,
294
+ lineHeight: "3.625rem",
295
+ letterSpacing: "-0.0375rem"
296
+ }],
297
+ "h1": ["3rem", {
298
+ fontWeight: 700,
299
+ lineHeight: "3.75rem",
300
+ letterSpacing: "-0.0125rem"
301
+ }],
302
+ "h2": ["2.5rem", {
303
+ fontWeight: 700,
304
+ lineHeight: "3.25rem",
305
+ letterSpacing: "-0.0125rem"
306
+ }],
307
+ "h3": ["2.25rem", {
308
+ fontWeight: 700,
309
+ lineHeight: "3rem",
310
+ letterSpacing: "-0.0125rem"
311
+ }],
312
+ "h4": ["2rem", {
313
+ fontWeight: 700,
314
+ lineHeight: "2.625rem",
315
+ letterSpacing: "-0.0125rem"
316
+ }],
317
+ "h5": ["1.5rem", {
318
+ fontWeight: 700,
319
+ lineHeight: "2rem",
320
+ letterSpacing: "-0.0125rem"
321
+ }],
322
+ "h6": ["1.25rem", {
323
+ fontWeight: 700,
324
+ lineHeight: "1.625rem",
325
+ letterSpacing: "-0.0125rem"
326
+ }]
302
327
  };
303
-
304
- // src/theme/fontFamily.ts
305
- var fontFamilySans = [
306
- "ui-sans-serif",
307
- "system-ui",
308
- "sans-serif",
309
- '"Apple Color Emoji"',
310
- '"Segoe UI Emoji"',
311
- '"Segoe UI Symbol"',
312
- '"Noto Color Emoji"'
313
- ];
314
- var customFontFamily = {
315
- sans: ["DM Sans", ...fontFamilySans]
328
+ //#endregion
329
+ //#region src/theme/screen.ts
330
+ const screensNumber = {
331
+ "xs": 480,
332
+ "sm": 640,
333
+ "md": 768,
334
+ "lg": 1024,
335
+ "xl": 1280,
336
+ "2xl": 1536,
337
+ "tablet": 640,
338
+ "tablet-lg": 960,
339
+ "laptop": 1024,
340
+ "desktop": 1280
316
341
  };
317
-
318
- // src/util/font.ts
319
- var import_string_ts = require("string-ts");
320
-
321
- // src/types/fontSize.ts
322
- function isDetailFont(value) {
323
- return Array.isArray(value) && typeof value[1] === "object";
324
- }
325
-
326
- // src/util/font.ts
327
- var entries = Object.entries;
328
- function fontConfigKeysKebabCase(fontConfig) {
329
- const result = {};
330
- for (const [key, value] of entries(fontConfig)) {
331
- if (value) {
332
- if (isDetailFont(value)) {
333
- const [size, detail] = value;
334
- const kebabDetail = (0, import_string_ts.kebabKeys)(detail);
335
- result[key] = [size, kebabDetail];
336
- } else {
337
- result[key] = value;
338
- }
339
- }
340
- }
341
- return result;
342
- }
343
-
344
- // src/theme/fontSize.ts
345
- var fontSize = {
346
- "2xs": ["0.6875rem", "1rem"],
347
- "xs": ["0.75rem", "1rem"],
348
- "sm": ["0.875rem", "1.25rem"],
349
- "base": ["1rem", "1.5rem"],
350
- "md": ["1.125rem", "1.5rem"],
351
- "lg": ["1.25rem", "1.625rem"],
352
- "display1": ["3.75rem", {
353
- fontWeight: 700,
354
- lineHeight: "5rem",
355
- letterSpacing: "-0.0625rem"
356
- }],
357
- "display2": ["3.25rem", {
358
- fontWeight: 700,
359
- lineHeight: "4.25rem",
360
- letterSpacing: "-0.05rem"
361
- }],
362
- "display3": ["2.75rem", {
363
- fontWeight: 700,
364
- lineHeight: "3.625rem",
365
- letterSpacing: "-0.0375rem"
366
- }],
367
- "h1": ["3rem", {
368
- fontWeight: 700,
369
- lineHeight: "3.75rem",
370
- letterSpacing: "-0.0125rem"
371
- }],
372
- "h2": ["2.5rem", {
373
- fontWeight: 700,
374
- lineHeight: "3.25rem",
375
- letterSpacing: "-0.0125rem"
376
- }],
377
- "h3": ["2.25rem", {
378
- fontWeight: 700,
379
- lineHeight: "3rem",
380
- letterSpacing: "-0.0125rem"
381
- }],
382
- "h4": ["2rem", {
383
- fontWeight: 700,
384
- lineHeight: "2.625rem",
385
- letterSpacing: "-0.0125rem"
386
- }],
387
- "h5": ["1.5rem", {
388
- fontWeight: 700,
389
- lineHeight: "2rem",
390
- letterSpacing: "-0.0125rem"
391
- }],
392
- "h6": ["1.25rem", {
393
- fontWeight: 700,
394
- lineHeight: "1.625rem",
395
- letterSpacing: "-0.0125rem"
396
- }]
342
+ const screens = {
343
+ "xs": `${screensNumber.xs}px`,
344
+ "sm": `${screensNumber.sm}px`,
345
+ "md": `${screensNumber.md}px`,
346
+ "lg": `${screensNumber.lg}px`,
347
+ "xl": `${screensNumber.xl}px`,
348
+ "2xl": `${screensNumber["2xl"]}px`,
349
+ "tablet": `${screensNumber.tablet}px`,
350
+ "tablet-lg": `${screensNumber["tablet-lg"]}px`,
351
+ "laptop": `${screensNumber.laptop}px`,
352
+ "desktop": `${screensNumber.desktop}px`
397
353
  };
398
- var unocssFontSizes = fontConfigKeysKebabCase(fontSize);
399
-
400
- // src/theme/screen.ts
401
- var screensNumber = {
402
- "xs": 480,
403
- "sm": 640,
404
- "md": 768,
405
- "lg": 1024,
406
- "xl": 1280,
407
- "2xl": 1536,
408
- "tablet": 640,
409
- "tablet-lg": 960,
410
- "laptop": 1024,
411
- "desktop": 1280
354
+ //#endregion
355
+ //#region src/theme/shadows.ts
356
+ const boxShadow = {
357
+ "elevation-0": "0 0 0 0 rgba(0, 0, 0, 0.10)",
358
+ "elevation-1": "0 1px 2px 0 rgba(0, 0, 0, 0.10)",
359
+ "elevation-2": "0 4px 8px 0 rgba(0, 0, 0, 0.10)",
360
+ "elevation-3": "0 6px 12px 0 rgba(0, 0, 0, 0.10)",
361
+ "elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.10)",
362
+ "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
412
363
  };
413
- var screens = {
414
- "xs": `${screensNumber.xs}px`,
415
- "sm": `${screensNumber.sm}px`,
416
- "md": `${screensNumber.md}px`,
417
- "lg": `${screensNumber.lg}px`,
418
- "xl": `${screensNumber.xl}px`,
419
- "2xl": `${screensNumber["2xl"]}px`,
420
- "tablet": `${screensNumber.tablet}px`,
421
- "tablet-lg": `${screensNumber["tablet-lg"]}px`,
422
- "laptop": `${screensNumber.laptop}px`,
423
- "desktop": `${screensNumber.desktop}px`
424
- };
425
-
426
- // src/theme/shadows.ts
427
- var boxShadow = {
428
- "elevation-0": "0 0 0 0 rgba(0, 0, 0, 0.10)",
429
- "elevation-1": "0 1px 2px 0 rgba(0, 0, 0, 0.10)",
430
- "elevation-2": "0 4px 8px 0 rgba(0, 0, 0, 0.10)",
431
- "elevation-3": "0 6px 12px 0 rgba(0, 0, 0, 0.10)",
432
- "elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.10)",
433
- "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
434
- };
435
-
436
- // src/theme/index.ts
364
+ //#endregion
365
+ //#region src/theme/index.ts
437
366
  function buildTheme(object, option = {}) {
438
- const {
439
- enabled = true,
440
- prefix = ""
441
- } = option;
442
- if (!enabled) {
443
- return null;
444
- }
445
- if (prefix) {
446
- return Object.fromEntries(Object.entries(object).map(([k, v]) => [
447
- `${prefix}${k}`,
448
- v
449
- ]));
450
- }
451
- return object;
367
+ const { enabled = true, prefix = "" } = option;
368
+ if (!enabled) return null;
369
+ if (prefix) return Object.fromEntries(Object.entries(object).map(([k, v]) => [`${prefix}${k}`, v]));
370
+ return object;
452
371
  }
453
372
  function factory(options = {}) {
454
- const theme = {};
455
- if (options.colors?.enabled !== false) {
456
- const _colors = buildTheme(colors, options.colors);
457
- if (_colors != null) {
458
- theme.colors = _colors;
459
- }
460
- }
461
- if (options.boxShadow?.enabled !== false) {
462
- const _boxShadow = buildTheme(boxShadow, options.boxShadow);
463
- if (_boxShadow != null) {
464
- theme.boxShadow = _boxShadow;
465
- }
466
- }
467
- if (options.fontSize?.enabled !== false) {
468
- const _fontSize = buildTheme(fontSize, options.fontSize);
469
- if (_fontSize != null) {
470
- theme.fontSize = _fontSize;
471
- }
472
- }
473
- if (options.fontFamily?.enabled !== false) {
474
- const _fontFamily = buildTheme(customFontFamily, options.fontFamily);
475
- if (_fontFamily != null) {
476
- theme.fontFamily = _fontFamily;
477
- }
478
- }
479
- if (options.animation?.enabled !== false) {
480
- const _animation = buildTheme(animation2, options.animation);
481
- if (_animation != null) {
482
- theme.animation = _animation;
483
- }
484
- }
485
- if (options.keyframes?.enabled !== false) {
486
- const _keyframes = buildTheme(keyframes, options.keyframes);
487
- if (_keyframes != null) {
488
- theme.keyframes = _keyframes;
489
- }
490
- }
491
- if (options.screens?.enabled !== false) {
492
- const _screens = buildTheme(screens, options.screens);
493
- if (_screens != null) {
494
- theme.screens = _screens;
495
- }
496
- }
497
- return theme;
373
+ const theme = {};
374
+ if (options.colors?.enabled !== false) {
375
+ const _colors = buildTheme(colors, options.colors);
376
+ if (_colors != null) theme.colors = _colors;
377
+ }
378
+ if (options.boxShadow?.enabled !== false) {
379
+ const _boxShadow = buildTheme(boxShadow, options.boxShadow);
380
+ if (_boxShadow != null) theme.boxShadow = _boxShadow;
381
+ }
382
+ if (options.fontSize?.enabled !== false) {
383
+ const _fontSize = buildTheme(fontSize, options.fontSize);
384
+ if (_fontSize != null) theme.fontSize = _fontSize;
385
+ }
386
+ if (options.fontFamily?.enabled !== false) {
387
+ const _fontFamily = buildTheme(customFontFamily, options.fontFamily);
388
+ if (_fontFamily != null) theme.fontFamily = _fontFamily;
389
+ }
390
+ if (options.animation?.enabled !== false) {
391
+ const _animation = buildTheme(animation, options.animation);
392
+ if (_animation != null) theme.animation = _animation;
393
+ }
394
+ if (options.keyframes?.enabled !== false) {
395
+ const _keyframes = buildTheme(keyframes, options.keyframes);
396
+ if (_keyframes != null) theme.keyframes = _keyframes;
397
+ }
398
+ if (options.screens?.enabled !== false) {
399
+ const _screens = buildTheme(screens, options.screens);
400
+ if (_screens != null) theme.screens = _screens;
401
+ }
402
+ return theme;
498
403
  }
499
- var defaultTheme = {
500
- colors,
501
- boxShadow,
502
- fontSize,
503
- fontFamily: customFontFamily,
504
- animation: animation2,
505
- keyframes,
506
- screens
507
- };
508
- var unocssTheme = {
509
- colors,
510
- boxShadow,
511
- fontSize: unocssFontSizes
404
+ const defaultTheme = {
405
+ colors,
406
+ boxShadow,
407
+ fontSize,
408
+ fontFamily: customFontFamily,
409
+ animation,
410
+ keyframes,
411
+ screens
512
412
  };
513
-
514
- // src/constant/index.ts
515
- var colorsNames = [
516
- "primary",
517
- "bateau",
518
- "secondary",
519
- "pompelmo",
520
- "green",
521
- "fuchsia",
522
- "indigo",
523
- "neutral",
524
- "orange",
525
- "red",
526
- "amber",
527
- "seafoam"
413
+ //#endregion
414
+ //#region src/constant/index.ts
415
+ const colorsNames = [
416
+ "primary",
417
+ "bateau",
418
+ "secondary",
419
+ "pompelmo",
420
+ "green",
421
+ "fuchsia",
422
+ "indigo",
423
+ "neutral",
424
+ "orange",
425
+ "red",
426
+ "amber",
427
+ "seafoam"
528
428
  ];
529
-
530
- // src/types/color.ts
531
- var ratingColorVariations = [
532
- "low",
533
- "high",
534
- "medium",
535
- "low-star",
536
- "high-star",
537
- "medium-star"
429
+ //#endregion
430
+ //#region src/types/color.ts
431
+ const ratingColorVariations = [
432
+ "low",
433
+ "high",
434
+ "medium",
435
+ "low-star",
436
+ "high-star",
437
+ "medium-star"
538
438
  ];
539
-
540
- // src/types/factory.ts
541
- var configuredThemes = [
542
- "colors",
543
- "boxShadow",
544
- "fontSize",
545
- "fontFamily",
546
- "animation",
547
- "keyframes",
548
- "screens"
439
+ //#endregion
440
+ //#region src/types/factory.ts
441
+ const configuredThemes = [
442
+ "colors",
443
+ "boxShadow",
444
+ "fontSize",
445
+ "fontFamily",
446
+ "animation",
447
+ "keyframes",
448
+ "screens"
549
449
  ];
550
-
551
- // src/types/screen.ts
552
- var screenSizes = [
553
- "xs",
554
- "sm",
555
- "md",
556
- "lg",
557
- "xl",
558
- "2xl",
559
- "tablet",
560
- "tablet-lg",
561
- "laptop",
562
- "desktop"
450
+ //#endregion
451
+ //#region src/types/fontSize.ts
452
+ function isDetailFont(value) {
453
+ return Array.isArray(value) && typeof value[1] === "object";
454
+ }
455
+ //#endregion
456
+ //#region src/types/screen.ts
457
+ const screenSizes = [
458
+ "xs",
459
+ "sm",
460
+ "md",
461
+ "lg",
462
+ "xl",
463
+ "2xl",
464
+ "tablet",
465
+ "tablet-lg",
466
+ "laptop",
467
+ "desktop"
563
468
  ];
564
-
565
- // src/types/shadow.ts
566
- var shadowVariations = [
567
- "elevation-0",
568
- "elevation-1",
569
- "elevation-2",
570
- "elevation-3",
571
- "elevation-4",
572
- "elevation-5"
469
+ //#endregion
470
+ //#region src/types/shadow.ts
471
+ const shadowVariations = [
472
+ "elevation-0",
473
+ "elevation-1",
474
+ "elevation-2",
475
+ "elevation-3",
476
+ "elevation-4",
477
+ "elevation-5"
573
478
  ];
574
-
575
- // src/index.ts
479
+ //#endregion
480
+ //#region src/index.ts
576
481
  function buildPreset(extend = true, buildOptions = {}) {
577
- if (extend === false) {
578
- return {
579
- theme: factory(buildOptions),
580
- plugins
581
- };
582
- }
583
- return {
584
- theme: {
585
- extend: factory(buildOptions)
586
- },
587
- plugins
588
- };
482
+ if (extend === false) return {
483
+ theme: factory(buildOptions),
484
+ plugins
485
+ };
486
+ return {
487
+ theme: { extend: factory(buildOptions) },
488
+ plugins
489
+ };
589
490
  }
590
- // Annotate the CommonJS export names for ESM import in node:
591
- 0 && (module.exports = {
592
- animation,
593
- boxShadow,
594
- buildPreset,
595
- buildTheme,
596
- colors,
597
- colorsNames,
598
- configuredThemes,
599
- defaultTheme,
600
- factory,
601
- fontFamily,
602
- fontSize,
603
- isDetailFont,
604
- keyframes,
605
- ratingColorVariations,
606
- screenSizes,
607
- screens,
608
- screensNumber,
609
- shadowVariations,
610
- unocssTheme
611
- });
491
+ //#endregion
492
+ exports.animation = animation;
493
+ exports.boxShadow = boxShadow;
494
+ exports.buildPreset = buildPreset;
495
+ exports.buildTheme = buildTheme;
496
+ exports.colors = colors;
497
+ exports.colorsNames = colorsNames;
498
+ exports.configuredThemes = configuredThemes;
499
+ exports.defaultTheme = defaultTheme;
500
+ exports.factory = factory;
501
+ exports.fontFamily = customFontFamily;
502
+ exports.fontSize = fontSize;
503
+ exports.isDetailFont = isDetailFont;
504
+ exports.keyframes = keyframes;
505
+ exports.ratingColorVariations = ratingColorVariations;
506
+ exports.screenSizes = screenSizes;
507
+ exports.screens = screens;
508
+ exports.screensNumber = screensNumber;
509
+ exports.shadowVariations = shadowVariations;