@removify/tailwind-preset 1.0.6 → 1.0.8

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 (8) hide show
  1. package/dist/index.cjs +481 -580
  2. package/dist/index.d.cts +407 -626
  3. package/dist/index.d.mts +482 -0
  4. package/dist/index.mjs +468 -0
  5. package/package.json +36 -34
  6. package/tailwind-dist/index.css +1 -0
  7. package/dist/index.d.ts +0 -701
  8. package/dist/index.js +0 -553
package/dist/index.cjs CHANGED
@@ -1,608 +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
- }
259
+ const colors = {
260
+ ...mainColors,
261
+ primary: mainColors.bateau,
262
+ secondary: mainColors.pompelmo
294
263
  };
295
- var colors = {
296
- ...mainColors,
297
- primary: mainColors.bateau,
298
- 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
+ }]
299
327
  };
300
-
301
- // src/theme/fontFamily.ts
302
- var fontFamilySans = [
303
- "ui-sans-serif",
304
- "system-ui",
305
- "sans-serif",
306
- '"Apple Color Emoji"',
307
- '"Segoe UI Emoji"',
308
- '"Segoe UI Symbol"',
309
- '"Noto Color Emoji"'
310
- ];
311
- var customFontFamily = {
312
- 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
313
341
  };
314
-
315
- // src/util/font.ts
316
- var import_string_ts = require("string-ts");
317
-
318
- // src/types/fontSize.ts
319
- function isDetailFont(value) {
320
- return Array.isArray(value) && typeof value[1] === "object";
321
- }
322
-
323
- // src/util/font.ts
324
- var entries = Object.entries;
325
- function fontConfigKeysKebabCase(fontConfig) {
326
- const result = {};
327
- for (const [key, value] of entries(fontConfig)) {
328
- if (value) {
329
- if (isDetailFont(value)) {
330
- const [size, detail] = value;
331
- const kebabDetail = (0, import_string_ts.kebabKeys)(detail);
332
- result[key] = [size, kebabDetail];
333
- } else {
334
- result[key] = value;
335
- }
336
- }
337
- }
338
- return result;
339
- }
340
-
341
- // src/theme/fontSize.ts
342
- var fontSize = {
343
- "2xs": ["0.6875rem", "1rem"],
344
- "xs": ["0.75rem", "1rem"],
345
- "sm": ["0.875rem", "1.25rem"],
346
- "base": ["1rem", "1.5rem"],
347
- "md": ["1.125rem", "1.5rem"],
348
- "lg": ["1.25rem", "1.625rem"],
349
- "display1": ["3.75rem", {
350
- fontWeight: 700,
351
- lineHeight: "5rem",
352
- letterSpacing: "-0.0625rem"
353
- }],
354
- "display2": ["3.25rem", {
355
- fontWeight: 700,
356
- lineHeight: "4.25rem",
357
- letterSpacing: "-0.05rem"
358
- }],
359
- "display3": ["2.75rem", {
360
- fontWeight: 700,
361
- lineHeight: "3.625rem",
362
- letterSpacing: "-0.0375rem"
363
- }],
364
- "h1": ["3rem", {
365
- fontWeight: 700,
366
- lineHeight: "3.75rem",
367
- letterSpacing: "-0.0125rem"
368
- }],
369
- "h2": ["2.5rem", {
370
- fontWeight: 700,
371
- lineHeight: "3.25rem",
372
- letterSpacing: "-0.0125rem"
373
- }],
374
- "h3": ["2.25rem", {
375
- fontWeight: 700,
376
- lineHeight: "3rem",
377
- letterSpacing: "-0.0125rem"
378
- }],
379
- "h4": ["2rem", {
380
- fontWeight: 700,
381
- lineHeight: "2.625rem",
382
- letterSpacing: "-0.0125rem"
383
- }],
384
- "h5": ["1.5rem", {
385
- fontWeight: 700,
386
- lineHeight: "2rem",
387
- letterSpacing: "-0.0125rem"
388
- }],
389
- "h6": ["1.25rem", {
390
- fontWeight: 700,
391
- lineHeight: "1.625rem",
392
- letterSpacing: "-0.0125rem"
393
- }]
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`
394
353
  };
395
- var unocssFontSizes = fontConfigKeysKebabCase(fontSize);
396
-
397
- // src/theme/screen.ts
398
- var screensNumber = {
399
- "xs": 480,
400
- "sm": 640,
401
- "md": 768,
402
- "lg": 1024,
403
- "xl": 1280,
404
- "2xl": 1536,
405
- "tablet": 640,
406
- "tablet-lg": 960,
407
- "laptop": 1024,
408
- "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)"
409
363
  };
410
- var screens = {
411
- "xs": `${screensNumber.xs}px`,
412
- "sm": `${screensNumber.sm}px`,
413
- "md": `${screensNumber.md}px`,
414
- "lg": `${screensNumber.lg}px`,
415
- "xl": `${screensNumber.xl}px`,
416
- "2xl": `${screensNumber["2xl"]}px`,
417
- "tablet": `${screensNumber.tablet}px`,
418
- "tablet-lg": `${screensNumber["tablet-lg"]}px`,
419
- "laptop": `${screensNumber.laptop}px`,
420
- "desktop": `${screensNumber.desktop}px`
421
- };
422
-
423
- // src/theme/shadows.ts
424
- var boxShadow = {
425
- "elevation-0": "0 0 0 0 rgba(0, 0, 0, 0.10)",
426
- "elevation-1": "0 1px 2px 0 rgba(0, 0, 0, 0.10)",
427
- "elevation-2": "0 4px 8px 0 rgba(0, 0, 0, 0.10)",
428
- "elevation-3": "0 6px 12px 0 rgba(0, 0, 0, 0.10)",
429
- "elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.10)",
430
- "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
431
- };
432
-
433
- // src/theme/index.ts
364
+ //#endregion
365
+ //#region src/theme/index.ts
434
366
  function buildTheme(object, option = {}) {
435
- const {
436
- enabled = true,
437
- prefix = ""
438
- } = option;
439
- if (!enabled) {
440
- return null;
441
- }
442
- if (prefix) {
443
- return Object.fromEntries(Object.entries(object).map(([k, v]) => [
444
- `${prefix}${k}`,
445
- v
446
- ]));
447
- }
448
- 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;
449
371
  }
450
372
  function factory(options = {}) {
451
- const theme = {};
452
- if (options.colors?.enabled !== false) {
453
- const _colors = buildTheme(colors, options.colors);
454
- if (_colors != null) {
455
- theme.colors = _colors;
456
- }
457
- }
458
- if (options.boxShadow?.enabled !== false) {
459
- const _boxShadow = buildTheme(boxShadow, options.boxShadow);
460
- if (_boxShadow != null) {
461
- theme.boxShadow = _boxShadow;
462
- }
463
- }
464
- if (options.fontSize?.enabled !== false) {
465
- const _fontSize = buildTheme(fontSize, options.fontSize);
466
- if (_fontSize != null) {
467
- theme.fontSize = _fontSize;
468
- }
469
- }
470
- if (options.fontFamily?.enabled !== false) {
471
- const _fontFamily = buildTheme(customFontFamily, options.fontFamily);
472
- if (_fontFamily != null) {
473
- theme.fontFamily = _fontFamily;
474
- }
475
- }
476
- if (options.animation?.enabled !== false) {
477
- const _animation = buildTheme(animation2, options.animation);
478
- if (_animation != null) {
479
- theme.animation = _animation;
480
- }
481
- }
482
- if (options.keyframes?.enabled !== false) {
483
- const _keyframes = buildTheme(keyframes, options.keyframes);
484
- if (_keyframes != null) {
485
- theme.keyframes = _keyframes;
486
- }
487
- }
488
- if (options.screens?.enabled !== false) {
489
- const _screens = buildTheme(screens, options.screens);
490
- if (_screens != null) {
491
- theme.screens = _screens;
492
- }
493
- }
494
- 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;
495
403
  }
496
- var defaultTheme = {
497
- colors,
498
- boxShadow,
499
- fontSize,
500
- fontFamily: customFontFamily,
501
- animation: animation2,
502
- keyframes,
503
- screens
504
- };
505
- var unocssTheme = {
506
- colors,
507
- boxShadow,
508
- fontSize: unocssFontSizes
404
+ const defaultTheme = {
405
+ colors,
406
+ boxShadow,
407
+ fontSize,
408
+ fontFamily: customFontFamily,
409
+ animation,
410
+ keyframes,
411
+ screens
509
412
  };
510
-
511
- // src/constant/index.ts
512
- var colorsNames = [
513
- "primary",
514
- "bateau",
515
- "secondary",
516
- "pompelmo",
517
- "green",
518
- "fuchsia",
519
- "indigo",
520
- "neutral",
521
- "orange",
522
- "red",
523
- "amber",
524
- "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"
525
428
  ];
526
-
527
- // src/types/color.ts
528
- var ratingColorVariations = [
529
- "low",
530
- "high",
531
- "medium",
532
- "low-star",
533
- "high-star",
534
- "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"
535
438
  ];
536
-
537
- // src/types/factory.ts
538
- var configuredThemes = [
539
- "colors",
540
- "boxShadow",
541
- "fontSize",
542
- "fontFamily",
543
- "animation",
544
- "keyframes",
545
- "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"
546
449
  ];
547
-
548
- // src/types/screen.ts
549
- var screenSizes = [
550
- "xs",
551
- "sm",
552
- "md",
553
- "lg",
554
- "xl",
555
- "2xl",
556
- "tablet",
557
- "tablet-lg",
558
- "laptop",
559
- "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"
560
468
  ];
561
-
562
- // src/types/shadow.ts
563
- var shadowVariations = [
564
- "elevation-0",
565
- "elevation-1",
566
- "elevation-2",
567
- "elevation-3",
568
- "elevation-4",
569
- "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"
570
478
  ];
571
-
572
- // src/index.ts
479
+ //#endregion
480
+ //#region src/index.ts
573
481
  function buildPreset(extend = true, buildOptions = {}) {
574
- if (extend === false) {
575
- return {
576
- theme: factory(buildOptions),
577
- plugins
578
- };
579
- }
580
- return {
581
- theme: {
582
- extend: factory(buildOptions)
583
- },
584
- plugins
585
- };
482
+ if (extend === false) return {
483
+ theme: factory(buildOptions),
484
+ plugins
485
+ };
486
+ return {
487
+ theme: { extend: factory(buildOptions) },
488
+ plugins
489
+ };
586
490
  }
587
- // Annotate the CommonJS export names for ESM import in node:
588
- 0 && (module.exports = {
589
- animation,
590
- boxShadow,
591
- buildPreset,
592
- buildTheme,
593
- colors,
594
- colorsNames,
595
- configuredThemes,
596
- defaultTheme,
597
- factory,
598
- fontFamily,
599
- fontSize,
600
- isDetailFont,
601
- keyframes,
602
- ratingColorVariations,
603
- screenSizes,
604
- screens,
605
- screensNumber,
606
- shadowVariations,
607
- unocssTheme
608
- });
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;