@chaibuilder/sdk 1.2.9 → 1.2.11

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 (102) hide show
  1. package/README.md +10 -12
  2. package/dist/AddBlocks-TSt8uJY4.js +218 -0
  3. package/dist/AddBlocks-k2p8Hy1n.cjs +1 -0
  4. package/dist/BrandingOptions-WyVWfFVz.cjs +1 -0
  5. package/dist/{BrandingOptions-QJJ1y5ez.js → BrandingOptions-uFTyYJZj.js} +18 -22
  6. package/dist/CanvasArea-5erOZYLy.cjs +60 -0
  7. package/dist/{CanvasArea-mlNKmCOh.js → CanvasArea-iRQqpOak.js} +465 -481
  8. package/dist/{utils-AvyFzbPC.js → Class-17XFhL48.js} +15 -16
  9. package/dist/Class-5ARpH_Tu.cjs +1 -0
  10. package/dist/CurrentPage-NzmJloN7.cjs +1 -0
  11. package/dist/{CurrentPage-lBy25sZn.js → CurrentPage-RCxTz9Mc.js} +24 -26
  12. package/dist/{Layers-3Xs4A5i8.js → Layers-tXB5Pwid.js} +124 -158
  13. package/dist/Layers-xDG7oltg.cjs +1 -0
  14. package/dist/PagesPanel-72nzYB1k.cjs +1 -0
  15. package/dist/{PagesPanel--BZhafnt.js → PagesPanel-Jaz9jvye.js} +14 -16
  16. package/dist/{ProjectPanel-YcLkM-DW.js → ProjectPanel--S014Xx3.js} +22 -24
  17. package/dist/ProjectPanel-RU0QvH6e.cjs +1 -0
  18. package/dist/Settings-5EuwaVb3.cjs +1 -0
  19. package/dist/{Settings-TAgX4hov.js → Settings-gjvl5V1k.js} +556 -579
  20. package/dist/{SidePanels-btVQQkVK.js → SidePanels-Fq3kRwR0.js} +54 -51
  21. package/dist/SidePanels-uNCxnGte.cjs +1 -0
  22. package/dist/Topbar-JqW89xI5.cjs +1 -0
  23. package/dist/{Topbar-j4t4AgCq.js → Topbar-m5dbbI1f.js} +15 -17
  24. package/dist/{UnsplashImages-41Y3q5_Q.js → UnsplashImages-GhBD6owT.js} +24 -26
  25. package/dist/UnsplashImages-vACw5hbK.cjs +1 -0
  26. package/dist/UploadImages-PzHdEKHT.cjs +1 -0
  27. package/dist/{UploadImages-xBg-kbKv.js → UploadImages-S1HgxeGb.js} +23 -25
  28. package/dist/{add-page-modal-cm8damU2.js → add-page-modal-2P5hGXOQ.js} +15 -17
  29. package/dist/add-page-modal-GAizM2Jw.cjs +1 -0
  30. package/dist/{confirm-alert-i4pM3mOt.js → confirm-alert-57Xq5foA.js} +12 -14
  31. package/dist/confirm-alert-Uf84DpdR.cjs +1 -0
  32. package/dist/core.cjs +1 -1
  33. package/dist/core.d.ts +13 -58
  34. package/dist/core.js +47 -58
  35. package/dist/defaultTheme-IH19g4fv.cjs +1 -0
  36. package/dist/defaultTheme-YY8mlQS3.js +1055 -0
  37. package/dist/delete-page-modal-MG42FdnU.cjs +1 -0
  38. package/dist/{delete-page-modal-YrIBvfFA.js → delete-page-modal-ix5IjaFW.js} +27 -29
  39. package/dist/email-blocks.cjs +1 -1
  40. package/dist/email-blocks.js +100 -81
  41. package/dist/email.cjs +1 -0
  42. package/dist/email.d.ts +116 -0
  43. package/dist/email.js +79 -0
  44. package/dist/{controls-XPXGHKht.js → empty-slot-MWycClTb.js} +61 -50
  45. package/dist/empty-slot-TF2kd-0X.cjs +1 -0
  46. package/dist/{form-VbouZlAW.cjs → form-KBb3kA8g.cjs} +1 -1
  47. package/dist/{form-OVmsLOrc.js → form-SYcFyACJ.js} +18 -18
  48. package/dist/{index-pZhGT8uT.js → index-Fj3ead-J.js} +4886 -4884
  49. package/dist/index-aiHDvS5v.cjs +1 -0
  50. package/dist/{index-N50dZnlC.cjs → index-cM3eKmlx.cjs} +25 -25
  51. package/dist/index-pNYv0oAF.js +2994 -0
  52. package/dist/lib.cjs +3 -3
  53. package/dist/lib.js +95 -1125
  54. package/dist/page-viewer-Sh99FGYk.cjs +1 -0
  55. package/dist/{page-viewer-feqJr1QI.js → page-viewer-VxqOevr4.js} +15 -17
  56. package/dist/project-general-setting-VTLHa-Ik.cjs +1 -0
  57. package/dist/{project-general-setting-SgagORzW.js → project-general-setting-nWOjPiin.js} +15 -17
  58. package/dist/{project-seo-setting-wxAGEkd_.js → project-seo-setting-70bWTwsB.js} +17 -19
  59. package/dist/project-seo-setting-ENAKc2Dl.cjs +1 -0
  60. package/dist/render.cjs +1 -1
  61. package/dist/render.d.ts +2 -0
  62. package/dist/render.js +111 -70
  63. package/dist/{single-page-detail-dnWMyg6P.js → single-page-detail-3z7TF-Yy.js} +44 -46
  64. package/dist/single-page-detail-6L38HJC4.cjs +1 -0
  65. package/dist/studio.cjs +1 -1
  66. package/dist/studio.js +13 -15
  67. package/dist/ui.cjs +1 -1
  68. package/dist/ui.d.ts +4 -4
  69. package/dist/ui.js +149 -151
  70. package/dist/{useAddBlockByDrop-inkD7Lck.cjs → useAddBlockByDrop-7mUMwNSG.cjs} +1 -1
  71. package/dist/{useAddBlockByDrop-_nwI4W3q.js → useAddBlockByDrop-tjQ5DgiO.js} +1 -1
  72. package/dist/web-blocks.cjs +1 -9
  73. package/dist/web-blocks.js +431 -442
  74. package/package.json +8 -2
  75. package/dist/AddBlocks-tMxKPoen.js +0 -225
  76. package/dist/AddBlocks-x2LkOHSj.cjs +0 -1
  77. package/dist/BrandingOptions-EzT9UYd6.cjs +0 -1
  78. package/dist/CanvasArea-xs4wM64L.cjs +0 -60
  79. package/dist/CurrentPage-aaU4F7wi.cjs +0 -1
  80. package/dist/Layers-eaHy5PK9.cjs +0 -1
  81. package/dist/MarkAsGlobalBlock-BjP-Rqlf.js +0 -88
  82. package/dist/MarkAsGlobalBlock-X5dNmZcb.cjs +0 -1
  83. package/dist/PagesPanel-gGKCV394.cjs +0 -1
  84. package/dist/ProjectPanel-yFJRy0_E.cjs +0 -1
  85. package/dist/Settings-7wlLcvoh.cjs +0 -1
  86. package/dist/SidePanels-5H4j0mIs.cjs +0 -1
  87. package/dist/Topbar-V8xCetWF.cjs +0 -1
  88. package/dist/UnsplashImages-DbHky6cj.cjs +0 -1
  89. package/dist/UploadImages-DnQ95_NW.cjs +0 -1
  90. package/dist/add-page-modal-MwS7iXn_.cjs +0 -1
  91. package/dist/confirm-alert-U7-NcG7G.cjs +0 -1
  92. package/dist/controls-Dy1qa8Dc.cjs +0 -1
  93. package/dist/delete-page-modal-5o4jXu-z.cjs +0 -1
  94. package/dist/functions-Ox_svtKm.cjs +0 -1
  95. package/dist/functions-xIebp8Aw.js +0 -23
  96. package/dist/index-H6vIwGfD.cjs +0 -1
  97. package/dist/index-niHREMmR.js +0 -2938
  98. package/dist/page-viewer-SLt8XgYv.cjs +0 -1
  99. package/dist/project-general-setting-ym0yCdOq.cjs +0 -1
  100. package/dist/project-seo-setting-Snn2nZgS.cjs +0 -1
  101. package/dist/single-page-detail-IPod1o5P.cjs +0 -1
  102. package/dist/utils-PTxFk6qT.cjs +0 -1
package/dist/lib.js CHANGED
@@ -1,20 +1,20 @@
1
- import { c as F } from "./utils-AvyFzbPC.js";
2
- import { a as xe } from "./utils-AvyFzbPC.js";
3
- import { g as ge, a as ue } from "./Functions-7jnEwJyw.js";
4
- import { g as be } from "./html-to-json-57841sEK.js";
5
- import { first as _, includes as p, keys as d, map as w, parseInt as E, get as m, set as T, startsWith as O, replace as v } from "lodash-es";
6
- import { a as A, g as D } from "./functions-xIebp8Aw.js";
7
- import { tailwindcssPaletteGenerator as L } from "@bobthered/tailwindcss-palette-generator";
8
- import { createTailwindcss as U } from "@mhsdesign/jit-browser-tailwindcss";
9
- import { g as $ } from "./_commonjsHelpers-UyOWmZb0.js";
10
- import R from "@tailwindcss/forms";
11
- import H from "@tailwindcss/typography";
12
- import I from "@tailwindcss/aspect-ratio";
13
- import { a as P } from "./MODIFIERS-RiXS5Mn1.js";
1
+ import { c as _ } from "./Class-17XFhL48.js";
2
+ import { a as ce } from "./Class-17XFhL48.js";
3
+ import { g as oe, a as le } from "./Functions-7jnEwJyw.js";
4
+ import { g as xe } from "./html-to-json-57841sEK.js";
5
+ import { first as F, includes as l, keys as d, map as T, parseInt as $, get as p, set as b, startsWith as k, replace as O } from "lodash-es";
6
+ import { d as h, a as C, g as I } from "./defaultTheme-YY8mlQS3.js";
7
+ import { tailwindcssPaletteGenerator as E } from "@bobthered/tailwindcss-palette-generator";
8
+ import { createTailwindcss as V } from "@mhsdesign/jit-browser-tailwindcss";
9
+ import A from "@tailwindcss/forms";
10
+ import L from "@tailwindcss/typography";
11
+ import P from "@tailwindcss/aspect-ratio";
12
+ import { a as R } from "./MODIFIERS-RiXS5Mn1.js";
14
13
  import "clsx";
15
14
  import "tailwind-merge";
16
15
  import "himalaya";
17
- const k = {
16
+ import "./_commonjsHelpers-UyOWmZb0.js";
17
+ const w = {
18
18
  25: "1/4",
19
19
  "33.33": "1/3",
20
20
  50: "1/2",
@@ -68,23 +68,23 @@ const k = {
68
68
  320: "80",
69
69
  384: "96"
70
70
  };
71
- const M = 16, V = 4;
72
- function j(e) {
73
- return e.indexOf("rem") !== -1 && (e = `${parseFloat(e.replace("rem", "")) * M}px`), e;
71
+ const B = 16, X = 4;
72
+ function v(a) {
73
+ return a.indexOf("rem") !== -1 && (a = `${parseFloat(a.replace("rem", "")) * B}px`), a;
74
74
  }
75
- const se = (e) => {
76
- const n = e.match(/\[.*\]/);
77
- if (n === null)
78
- return e;
79
- const r = F(e);
75
+ const ae = (a) => {
76
+ const r = a.match(/\[.*\]/);
80
77
  if (r === null)
81
- return e;
82
- const { property: o } = r;
83
- let t = _(n).replace(/\]/i, "").replace(/\[/i, "");
84
- const i = e.replace(/\[.*\]/i, "");
85
- t = j(t);
86
- let a = e;
87
- switch (o) {
78
+ return a;
79
+ const s = _(a);
80
+ if (s === null)
81
+ return a;
82
+ const { property: n } = s;
83
+ let e = F(r).replace(/\]/i, "").replace(/\[/i, "");
84
+ const c = a.replace(/\[.*\]/i, "");
85
+ e = v(e);
86
+ let t = a;
87
+ switch (n) {
88
88
  case "top":
89
89
  case "right":
90
90
  case "left":
@@ -116,28 +116,28 @@ const se = (e) => {
116
116
  case "textIndent":
117
117
  case "spaceX":
118
118
  case "spaceY":
119
- if (t.indexOf("px") !== -1) {
120
- const l = w(d(W), (s) => `${s}px`);
121
- if (p(l, t)) {
122
- const s = E(t.replace("px", ""), 10);
123
- s === 1 ? a = `${i}px` : a = i + s / V;
119
+ if (e.indexOf("px") !== -1) {
120
+ const o = T(d(W), (i) => `${i}px`);
121
+ if (l(o, e)) {
122
+ const i = $(e.replace("px", ""), 10);
123
+ i === 1 ? t = `${c}px` : t = c + i / X;
124
124
  }
125
125
  }
126
- if (t.indexOf("%") !== -1) {
127
- const l = w(d(k), (s) => `${s}%`);
128
- if (p(l, t)) {
129
- const s = parseFloat(t.replace("%", ""));
130
- a = i + m(k, s);
126
+ if (e.indexOf("%") !== -1) {
127
+ const o = T(d(w), (i) => `${i}%`);
128
+ if (l(o, e)) {
129
+ const i = parseFloat(e.replace("%", ""));
130
+ t = c + p(w, i);
131
131
  }
132
132
  }
133
- t.indexOf("vw") !== -1 && parseFloat(t.replace("vw", "")) === 100 && (a = `${i}screen`), t.indexOf("vh") !== -1 && parseFloat(t.replace("vh", "")) === 100 && (a = `${i}screen`);
133
+ e.indexOf("vw") !== -1 && parseFloat(e.replace("vw", "")) === 100 && (t = `${c}screen`), e.indexOf("vh") !== -1 && parseFloat(e.replace("vh", "")) === 100 && (t = `${c}screen`);
134
134
  break;
135
135
  case "minWidth":
136
- t.indexOf("%") !== -1 && parseFloat(t.replace("%", "")) === 100 && (a = `${i}full`), t === "0px" && (a = "min-w-0");
136
+ e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (t = `${c}full`), e === "0px" && (t = "min-w-0");
137
137
  break;
138
138
  case "maxWidth":
139
- t === "0px" && (a = "max-w-0");
140
- const c = {
139
+ e === "0px" && (t = "max-w-0");
140
+ const x = {
141
141
  "320px": "xs",
142
142
  "384px": "sm",
143
143
  "448px": "md",
@@ -154,13 +154,13 @@ const se = (e) => {
154
154
  "640px": "screen-sm",
155
155
  "1536px": "screen-2xl"
156
156
  };
157
- p(d(c), t) && (a = `max-w-${c[t]}`);
157
+ l(d(x), e) && (t = `max-w-${x[e]}`);
158
158
  break;
159
159
  case "minHeight":
160
- t.indexOf("%") !== -1 && parseFloat(t.replace("%", "")) === 100 && (a = `${i}full`), t === "0px" && (a = "min-h-0"), t === "100vh" && (a = "min-h-screen");
160
+ e.indexOf("%") !== -1 && parseFloat(e.replace("%", "")) === 100 && (t = `${c}full`), e === "0px" && (t = "min-h-0"), e === "100vh" && (t = "min-h-screen");
161
161
  break;
162
162
  case "fontSize":
163
- const g = {
163
+ const f = {
164
164
  "12px": "xs",
165
165
  "14px": "sm",
166
166
  "16px": "base",
@@ -175,10 +175,10 @@ const se = (e) => {
175
175
  "96px": "8xl",
176
176
  "128px": "9xl"
177
177
  };
178
- p(d(g), t) && (a = i + g[t]);
178
+ l(d(f), e) && (t = c + f[e]);
179
179
  break;
180
180
  case "lineHeight":
181
- const x = {
181
+ const m = {
182
182
  "12px": "3",
183
183
  "16px": "4",
184
184
  "20px": "5",
@@ -194,10 +194,10 @@ const se = (e) => {
194
194
  "1.625": "relaxed",
195
195
  2: "loose"
196
196
  };
197
- p(d(x), t) && (a = i + x[t]);
197
+ l(d(m), e) && (t = c + m[e]);
198
198
  break;
199
199
  case "zIndex":
200
- a = ["0", "10", "20", "30", "40", "50"].indexOf(t) !== -1 ? `${i}${t}` : e;
200
+ t = ["0", "10", "20", "30", "40", "50"].indexOf(e) !== -1 ? `${c}${e}` : a;
201
201
  break;
202
202
  case "opacity":
203
203
  const y = [
@@ -216,1107 +216,77 @@ const se = (e) => {
216
216
  "90",
217
217
  "95",
218
218
  "100"
219
- ], f = parseFloat(t) * 100;
220
- p(y, f.toString()) && (a = `opacity-${f}`);
219
+ ], u = parseFloat(e) * 100;
220
+ l(y, u.toString()) && (t = `opacity-${u}`);
221
221
  break;
222
222
  default:
223
223
  break;
224
224
  }
225
- return a;
225
+ return t;
226
226
  };
227
- var z = {}, S = {};
228
- (function(e) {
229
- "use strict";
230
- Object.defineProperty(e, "__esModule", {
231
- value: !0
232
- }), Object.defineProperty(e, "cloneDeep", {
233
- enumerable: !0,
234
- get: function() {
235
- return n;
236
- }
237
- });
238
- function n(r) {
239
- return Array.isArray(r) ? r.map((o) => n(o)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([o, t]) => [
240
- o,
241
- n(t)
242
- ])) : r;
243
- }
244
- })(S);
245
- var B = {
246
- content: [],
247
- presets: [],
248
- darkMode: "media",
249
- // or 'class'
250
- theme: {
251
- accentColor: ({ theme: e }) => ({
252
- ...e("colors"),
253
- auto: "auto"
254
- }),
255
- animation: {
256
- none: "none",
257
- spin: "spin 1s linear infinite",
258
- ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
259
- pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
260
- bounce: "bounce 1s infinite"
261
- },
262
- aria: {
263
- busy: 'busy="true"',
264
- checked: 'checked="true"',
265
- disabled: 'disabled="true"',
266
- expanded: 'expanded="true"',
267
- hidden: 'hidden="true"',
268
- pressed: 'pressed="true"',
269
- readonly: 'readonly="true"',
270
- required: 'required="true"',
271
- selected: 'selected="true"'
272
- },
273
- aspectRatio: {
274
- auto: "auto",
275
- square: "1 / 1",
276
- video: "16 / 9"
277
- },
278
- backdropBlur: ({ theme: e }) => e("blur"),
279
- backdropBrightness: ({ theme: e }) => e("brightness"),
280
- backdropContrast: ({ theme: e }) => e("contrast"),
281
- backdropGrayscale: ({ theme: e }) => e("grayscale"),
282
- backdropHueRotate: ({ theme: e }) => e("hueRotate"),
283
- backdropInvert: ({ theme: e }) => e("invert"),
284
- backdropOpacity: ({ theme: e }) => e("opacity"),
285
- backdropSaturate: ({ theme: e }) => e("saturate"),
286
- backdropSepia: ({ theme: e }) => e("sepia"),
287
- backgroundColor: ({ theme: e }) => e("colors"),
288
- backgroundImage: {
289
- none: "none",
290
- "gradient-to-t": "linear-gradient(to top, var(--tw-gradient-stops))",
291
- "gradient-to-tr": "linear-gradient(to top right, var(--tw-gradient-stops))",
292
- "gradient-to-r": "linear-gradient(to right, var(--tw-gradient-stops))",
293
- "gradient-to-br": "linear-gradient(to bottom right, var(--tw-gradient-stops))",
294
- "gradient-to-b": "linear-gradient(to bottom, var(--tw-gradient-stops))",
295
- "gradient-to-bl": "linear-gradient(to bottom left, var(--tw-gradient-stops))",
296
- "gradient-to-l": "linear-gradient(to left, var(--tw-gradient-stops))",
297
- "gradient-to-tl": "linear-gradient(to top left, var(--tw-gradient-stops))"
298
- },
299
- backgroundOpacity: ({ theme: e }) => e("opacity"),
300
- backgroundPosition: {
301
- bottom: "bottom",
302
- center: "center",
303
- left: "left",
304
- "left-bottom": "left bottom",
305
- "left-top": "left top",
306
- right: "right",
307
- "right-bottom": "right bottom",
308
- "right-top": "right top",
309
- top: "top"
310
- },
311
- backgroundSize: {
312
- auto: "auto",
313
- cover: "cover",
314
- contain: "contain"
315
- },
316
- blur: {
317
- 0: "0",
318
- none: "0",
319
- sm: "4px",
320
- DEFAULT: "8px",
321
- md: "12px",
322
- lg: "16px",
323
- xl: "24px",
324
- "2xl": "40px",
325
- "3xl": "64px"
326
- },
327
- borderColor: ({ theme: e }) => ({
328
- ...e("colors"),
329
- DEFAULT: e("colors.gray.200", "currentColor")
330
- }),
331
- borderOpacity: ({ theme: e }) => e("opacity"),
332
- borderRadius: {
333
- none: "0px",
334
- sm: "0.125rem",
335
- DEFAULT: "0.25rem",
336
- md: "0.375rem",
337
- lg: "0.5rem",
338
- xl: "0.75rem",
339
- "2xl": "1rem",
340
- "3xl": "1.5rem",
341
- full: "9999px"
342
- },
343
- borderSpacing: ({ theme: e }) => ({
344
- ...e("spacing")
345
- }),
346
- borderWidth: {
347
- DEFAULT: "1px",
348
- 0: "0px",
349
- 2: "2px",
350
- 4: "4px",
351
- 8: "8px"
352
- },
353
- boxShadow: {
354
- sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
355
- DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
356
- md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
357
- lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
358
- xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
359
- "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
360
- inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
361
- none: "none"
362
- },
363
- boxShadowColor: ({ theme: e }) => e("colors"),
364
- brightness: {
365
- 0: "0",
366
- 50: ".5",
367
- 75: ".75",
368
- 90: ".9",
369
- 95: ".95",
370
- 100: "1",
371
- 105: "1.05",
372
- 110: "1.1",
373
- 125: "1.25",
374
- 150: "1.5",
375
- 200: "2"
376
- },
377
- caretColor: ({ theme: e }) => e("colors"),
378
- colors: ({ colors: e }) => ({
379
- inherit: e.inherit,
380
- current: e.current,
381
- transparent: e.transparent,
382
- black: e.black,
383
- white: e.white,
384
- slate: e.slate,
385
- gray: e.gray,
386
- zinc: e.zinc,
387
- neutral: e.neutral,
388
- stone: e.stone,
389
- red: e.red,
390
- orange: e.orange,
391
- amber: e.amber,
392
- yellow: e.yellow,
393
- lime: e.lime,
394
- green: e.green,
395
- emerald: e.emerald,
396
- teal: e.teal,
397
- cyan: e.cyan,
398
- sky: e.sky,
399
- blue: e.blue,
400
- indigo: e.indigo,
401
- violet: e.violet,
402
- purple: e.purple,
403
- fuchsia: e.fuchsia,
404
- pink: e.pink,
405
- rose: e.rose
406
- }),
407
- columns: {
408
- auto: "auto",
409
- 1: "1",
410
- 2: "2",
411
- 3: "3",
412
- 4: "4",
413
- 5: "5",
414
- 6: "6",
415
- 7: "7",
416
- 8: "8",
417
- 9: "9",
418
- 10: "10",
419
- 11: "11",
420
- 12: "12",
421
- "3xs": "16rem",
422
- "2xs": "18rem",
423
- xs: "20rem",
424
- sm: "24rem",
425
- md: "28rem",
426
- lg: "32rem",
427
- xl: "36rem",
428
- "2xl": "42rem",
429
- "3xl": "48rem",
430
- "4xl": "56rem",
431
- "5xl": "64rem",
432
- "6xl": "72rem",
433
- "7xl": "80rem"
434
- },
435
- container: {},
436
- content: {
437
- none: "none"
438
- },
439
- contrast: {
440
- 0: "0",
441
- 50: ".5",
442
- 75: ".75",
443
- 100: "1",
444
- 125: "1.25",
445
- 150: "1.5",
446
- 200: "2"
447
- },
448
- cursor: {
449
- auto: "auto",
450
- default: "default",
451
- pointer: "pointer",
452
- wait: "wait",
453
- text: "text",
454
- move: "move",
455
- help: "help",
456
- "not-allowed": "not-allowed",
457
- none: "none",
458
- "context-menu": "context-menu",
459
- progress: "progress",
460
- cell: "cell",
461
- crosshair: "crosshair",
462
- "vertical-text": "vertical-text",
463
- alias: "alias",
464
- copy: "copy",
465
- "no-drop": "no-drop",
466
- grab: "grab",
467
- grabbing: "grabbing",
468
- "all-scroll": "all-scroll",
469
- "col-resize": "col-resize",
470
- "row-resize": "row-resize",
471
- "n-resize": "n-resize",
472
- "e-resize": "e-resize",
473
- "s-resize": "s-resize",
474
- "w-resize": "w-resize",
475
- "ne-resize": "ne-resize",
476
- "nw-resize": "nw-resize",
477
- "se-resize": "se-resize",
478
- "sw-resize": "sw-resize",
479
- "ew-resize": "ew-resize",
480
- "ns-resize": "ns-resize",
481
- "nesw-resize": "nesw-resize",
482
- "nwse-resize": "nwse-resize",
483
- "zoom-in": "zoom-in",
484
- "zoom-out": "zoom-out"
485
- },
486
- divideColor: ({ theme: e }) => e("borderColor"),
487
- divideOpacity: ({ theme: e }) => e("borderOpacity"),
488
- divideWidth: ({ theme: e }) => e("borderWidth"),
489
- dropShadow: {
490
- sm: "0 1px 1px rgb(0 0 0 / 0.05)",
491
- DEFAULT: ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
492
- md: ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
493
- lg: ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
494
- xl: ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
495
- "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
496
- none: "0 0 #0000"
497
- },
498
- fill: ({ theme: e }) => ({
499
- none: "none",
500
- ...e("colors")
501
- }),
502
- flex: {
503
- 1: "1 1 0%",
504
- auto: "1 1 auto",
505
- initial: "0 1 auto",
506
- none: "none"
507
- },
508
- flexBasis: ({ theme: e }) => ({
509
- auto: "auto",
510
- ...e("spacing"),
511
- "1/2": "50%",
512
- "1/3": "33.333333%",
513
- "2/3": "66.666667%",
514
- "1/4": "25%",
515
- "2/4": "50%",
516
- "3/4": "75%",
517
- "1/5": "20%",
518
- "2/5": "40%",
519
- "3/5": "60%",
520
- "4/5": "80%",
521
- "1/6": "16.666667%",
522
- "2/6": "33.333333%",
523
- "3/6": "50%",
524
- "4/6": "66.666667%",
525
- "5/6": "83.333333%",
526
- "1/12": "8.333333%",
527
- "2/12": "16.666667%",
528
- "3/12": "25%",
529
- "4/12": "33.333333%",
530
- "5/12": "41.666667%",
531
- "6/12": "50%",
532
- "7/12": "58.333333%",
533
- "8/12": "66.666667%",
534
- "9/12": "75%",
535
- "10/12": "83.333333%",
536
- "11/12": "91.666667%",
537
- full: "100%"
538
- }),
539
- flexGrow: {
540
- 0: "0",
541
- DEFAULT: "1"
542
- },
543
- flexShrink: {
544
- 0: "0",
545
- DEFAULT: "1"
546
- },
547
- fontFamily: {
548
- sans: [
549
- "ui-sans-serif",
550
- "system-ui",
551
- "-apple-system",
552
- "BlinkMacSystemFont",
553
- '"Segoe UI"',
554
- "Roboto",
555
- '"Helvetica Neue"',
556
- "Arial",
557
- '"Noto Sans"',
558
- "sans-serif",
559
- '"Apple Color Emoji"',
560
- '"Segoe UI Emoji"',
561
- '"Segoe UI Symbol"',
562
- '"Noto Color Emoji"'
563
- ],
564
- serif: ["ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"],
565
- mono: [
566
- "ui-monospace",
567
- "SFMono-Regular",
568
- "Menlo",
569
- "Monaco",
570
- "Consolas",
571
- '"Liberation Mono"',
572
- '"Courier New"',
573
- "monospace"
574
- ]
575
- },
576
- fontSize: {
577
- xs: ["0.75rem", { lineHeight: "1rem" }],
578
- sm: ["0.875rem", { lineHeight: "1.25rem" }],
579
- base: ["1rem", { lineHeight: "1.5rem" }],
580
- lg: ["1.125rem", { lineHeight: "1.75rem" }],
581
- xl: ["1.25rem", { lineHeight: "1.75rem" }],
582
- "2xl": ["1.5rem", { lineHeight: "2rem" }],
583
- "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
584
- "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
585
- "5xl": ["3rem", { lineHeight: "1" }],
586
- "6xl": ["3.75rem", { lineHeight: "1" }],
587
- "7xl": ["4.5rem", { lineHeight: "1" }],
588
- "8xl": ["6rem", { lineHeight: "1" }],
589
- "9xl": ["8rem", { lineHeight: "1" }]
590
- },
591
- fontWeight: {
592
- thin: "100",
593
- extralight: "200",
594
- light: "300",
595
- normal: "400",
596
- medium: "500",
597
- semibold: "600",
598
- bold: "700",
599
- extrabold: "800",
600
- black: "900"
601
- },
602
- gap: ({ theme: e }) => e("spacing"),
603
- gradientColorStops: ({ theme: e }) => e("colors"),
604
- gradientColorStopPositions: {
605
- "0%": "0%",
606
- "5%": "5%",
607
- "10%": "10%",
608
- "15%": "15%",
609
- "20%": "20%",
610
- "25%": "25%",
611
- "30%": "30%",
612
- "35%": "35%",
613
- "40%": "40%",
614
- "45%": "45%",
615
- "50%": "50%",
616
- "55%": "55%",
617
- "60%": "60%",
618
- "65%": "65%",
619
- "70%": "70%",
620
- "75%": "75%",
621
- "80%": "80%",
622
- "85%": "85%",
623
- "90%": "90%",
624
- "95%": "95%",
625
- "100%": "100%"
626
- },
627
- grayscale: {
628
- 0: "0",
629
- DEFAULT: "100%"
630
- },
631
- gridAutoColumns: {
632
- auto: "auto",
633
- min: "min-content",
634
- max: "max-content",
635
- fr: "minmax(0, 1fr)"
636
- },
637
- gridAutoRows: {
638
- auto: "auto",
639
- min: "min-content",
640
- max: "max-content",
641
- fr: "minmax(0, 1fr)"
642
- },
643
- gridColumn: {
644
- auto: "auto",
645
- "span-1": "span 1 / span 1",
646
- "span-2": "span 2 / span 2",
647
- "span-3": "span 3 / span 3",
648
- "span-4": "span 4 / span 4",
649
- "span-5": "span 5 / span 5",
650
- "span-6": "span 6 / span 6",
651
- "span-7": "span 7 / span 7",
652
- "span-8": "span 8 / span 8",
653
- "span-9": "span 9 / span 9",
654
- "span-10": "span 10 / span 10",
655
- "span-11": "span 11 / span 11",
656
- "span-12": "span 12 / span 12",
657
- "span-full": "1 / -1"
658
- },
659
- gridColumnEnd: {
660
- auto: "auto",
661
- 1: "1",
662
- 2: "2",
663
- 3: "3",
664
- 4: "4",
665
- 5: "5",
666
- 6: "6",
667
- 7: "7",
668
- 8: "8",
669
- 9: "9",
670
- 10: "10",
671
- 11: "11",
672
- 12: "12",
673
- 13: "13"
674
- },
675
- gridColumnStart: {
676
- auto: "auto",
677
- 1: "1",
678
- 2: "2",
679
- 3: "3",
680
- 4: "4",
681
- 5: "5",
682
- 6: "6",
683
- 7: "7",
684
- 8: "8",
685
- 9: "9",
686
- 10: "10",
687
- 11: "11",
688
- 12: "12",
689
- 13: "13"
690
- },
691
- gridRow: {
692
- auto: "auto",
693
- "span-1": "span 1 / span 1",
694
- "span-2": "span 2 / span 2",
695
- "span-3": "span 3 / span 3",
696
- "span-4": "span 4 / span 4",
697
- "span-5": "span 5 / span 5",
698
- "span-6": "span 6 / span 6",
699
- "span-full": "1 / -1"
700
- },
701
- gridRowEnd: {
702
- auto: "auto",
703
- 1: "1",
704
- 2: "2",
705
- 3: "3",
706
- 4: "4",
707
- 5: "5",
708
- 6: "6",
709
- 7: "7"
710
- },
711
- gridRowStart: {
712
- auto: "auto",
713
- 1: "1",
714
- 2: "2",
715
- 3: "3",
716
- 4: "4",
717
- 5: "5",
718
- 6: "6",
719
- 7: "7"
720
- },
721
- gridTemplateColumns: {
722
- none: "none",
723
- 1: "repeat(1, minmax(0, 1fr))",
724
- 2: "repeat(2, minmax(0, 1fr))",
725
- 3: "repeat(3, minmax(0, 1fr))",
726
- 4: "repeat(4, minmax(0, 1fr))",
727
- 5: "repeat(5, minmax(0, 1fr))",
728
- 6: "repeat(6, minmax(0, 1fr))",
729
- 7: "repeat(7, minmax(0, 1fr))",
730
- 8: "repeat(8, minmax(0, 1fr))",
731
- 9: "repeat(9, minmax(0, 1fr))",
732
- 10: "repeat(10, minmax(0, 1fr))",
733
- 11: "repeat(11, minmax(0, 1fr))",
734
- 12: "repeat(12, minmax(0, 1fr))"
735
- },
736
- gridTemplateRows: {
737
- none: "none",
738
- 1: "repeat(1, minmax(0, 1fr))",
739
- 2: "repeat(2, minmax(0, 1fr))",
740
- 3: "repeat(3, minmax(0, 1fr))",
741
- 4: "repeat(4, minmax(0, 1fr))",
742
- 5: "repeat(5, minmax(0, 1fr))",
743
- 6: "repeat(6, minmax(0, 1fr))"
744
- },
745
- height: ({ theme: e }) => ({
746
- auto: "auto",
747
- ...e("spacing"),
748
- "1/2": "50%",
749
- "1/3": "33.333333%",
750
- "2/3": "66.666667%",
751
- "1/4": "25%",
752
- "2/4": "50%",
753
- "3/4": "75%",
754
- "1/5": "20%",
755
- "2/5": "40%",
756
- "3/5": "60%",
757
- "4/5": "80%",
758
- "1/6": "16.666667%",
759
- "2/6": "33.333333%",
760
- "3/6": "50%",
761
- "4/6": "66.666667%",
762
- "5/6": "83.333333%",
763
- full: "100%",
764
- screen: "100vh",
765
- min: "min-content",
766
- max: "max-content",
767
- fit: "fit-content"
768
- }),
769
- hueRotate: {
770
- 0: "0deg",
771
- 15: "15deg",
772
- 30: "30deg",
773
- 60: "60deg",
774
- 90: "90deg",
775
- 180: "180deg"
776
- },
777
- inset: ({ theme: e }) => ({
778
- auto: "auto",
779
- ...e("spacing"),
780
- "1/2": "50%",
781
- "1/3": "33.333333%",
782
- "2/3": "66.666667%",
783
- "1/4": "25%",
784
- "2/4": "50%",
785
- "3/4": "75%",
786
- full: "100%"
787
- }),
788
- invert: {
789
- 0: "0",
790
- DEFAULT: "100%"
791
- },
792
- keyframes: {
793
- spin: {
794
- to: {
795
- transform: "rotate(360deg)"
796
- }
797
- },
798
- ping: {
799
- "75%, 100%": {
800
- transform: "scale(2)",
801
- opacity: "0"
802
- }
803
- },
804
- pulse: {
805
- "50%": {
806
- opacity: ".5"
807
- }
808
- },
809
- bounce: {
810
- "0%, 100%": {
811
- transform: "translateY(-25%)",
812
- animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
813
- },
814
- "50%": {
815
- transform: "none",
816
- animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
817
- }
818
- }
819
- },
820
- letterSpacing: {
821
- tighter: "-0.05em",
822
- tight: "-0.025em",
823
- normal: "0em",
824
- wide: "0.025em",
825
- wider: "0.05em",
826
- widest: "0.1em"
827
- },
828
- lineHeight: {
829
- none: "1",
830
- tight: "1.25",
831
- snug: "1.375",
832
- normal: "1.5",
833
- relaxed: "1.625",
834
- loose: "2",
835
- 3: ".75rem",
836
- 4: "1rem",
837
- 5: "1.25rem",
838
- 6: "1.5rem",
839
- 7: "1.75rem",
840
- 8: "2rem",
841
- 9: "2.25rem",
842
- 10: "2.5rem"
843
- },
844
- listStyleType: {
845
- none: "none",
846
- disc: "disc",
847
- decimal: "decimal"
848
- },
849
- listStyleImage: {
850
- none: "none"
851
- },
852
- margin: ({ theme: e }) => ({
853
- auto: "auto",
854
- ...e("spacing")
855
- }),
856
- lineClamp: {
857
- 1: "1",
858
- 2: "2",
859
- 3: "3",
860
- 4: "4",
861
- 5: "5",
862
- 6: "6"
863
- },
864
- maxHeight: ({ theme: e }) => ({
865
- ...e("spacing"),
866
- none: "none",
867
- full: "100%",
868
- screen: "100vh",
869
- min: "min-content",
870
- max: "max-content",
871
- fit: "fit-content"
872
- }),
873
- maxWidth: ({ theme: e, breakpoints: n }) => ({
874
- none: "none",
875
- 0: "0rem",
876
- xs: "20rem",
877
- sm: "24rem",
878
- md: "28rem",
879
- lg: "32rem",
880
- xl: "36rem",
881
- "2xl": "42rem",
882
- "3xl": "48rem",
883
- "4xl": "56rem",
884
- "5xl": "64rem",
885
- "6xl": "72rem",
886
- "7xl": "80rem",
887
- full: "100%",
888
- min: "min-content",
889
- max: "max-content",
890
- fit: "fit-content",
891
- prose: "65ch",
892
- ...n(e("screens"))
893
- }),
894
- minHeight: {
895
- 0: "0px",
896
- full: "100%",
897
- screen: "100vh",
898
- min: "min-content",
899
- max: "max-content",
900
- fit: "fit-content"
901
- },
902
- minWidth: {
903
- 0: "0px",
904
- full: "100%",
905
- min: "min-content",
906
- max: "max-content",
907
- fit: "fit-content"
908
- },
909
- objectPosition: {
910
- bottom: "bottom",
911
- center: "center",
912
- left: "left",
913
- "left-bottom": "left bottom",
914
- "left-top": "left top",
915
- right: "right",
916
- "right-bottom": "right bottom",
917
- "right-top": "right top",
918
- top: "top"
919
- },
920
- opacity: {
921
- 0: "0",
922
- 5: "0.05",
923
- 10: "0.1",
924
- 20: "0.2",
925
- 25: "0.25",
926
- 30: "0.3",
927
- 40: "0.4",
928
- 50: "0.5",
929
- 60: "0.6",
930
- 70: "0.7",
931
- 75: "0.75",
932
- 80: "0.8",
933
- 90: "0.9",
934
- 95: "0.95",
935
- 100: "1"
936
- },
937
- order: {
938
- first: "-9999",
939
- last: "9999",
940
- none: "0",
941
- 1: "1",
942
- 2: "2",
943
- 3: "3",
944
- 4: "4",
945
- 5: "5",
946
- 6: "6",
947
- 7: "7",
948
- 8: "8",
949
- 9: "9",
950
- 10: "10",
951
- 11: "11",
952
- 12: "12"
953
- },
954
- outlineColor: ({ theme: e }) => e("colors"),
955
- outlineOffset: {
956
- 0: "0px",
957
- 1: "1px",
958
- 2: "2px",
959
- 4: "4px",
960
- 8: "8px"
961
- },
962
- outlineWidth: {
963
- 0: "0px",
964
- 1: "1px",
965
- 2: "2px",
966
- 4: "4px",
967
- 8: "8px"
968
- },
969
- padding: ({ theme: e }) => e("spacing"),
970
- placeholderColor: ({ theme: e }) => e("colors"),
971
- placeholderOpacity: ({ theme: e }) => e("opacity"),
972
- ringColor: ({ theme: e }) => ({
973
- DEFAULT: e("colors.blue.500", "#3b82f6"),
974
- ...e("colors")
975
- }),
976
- ringOffsetColor: ({ theme: e }) => e("colors"),
977
- ringOffsetWidth: {
978
- 0: "0px",
979
- 1: "1px",
980
- 2: "2px",
981
- 4: "4px",
982
- 8: "8px"
983
- },
984
- ringOpacity: ({ theme: e }) => ({
985
- DEFAULT: "0.5",
986
- ...e("opacity")
987
- }),
988
- ringWidth: {
989
- DEFAULT: "3px",
990
- 0: "0px",
991
- 1: "1px",
992
- 2: "2px",
993
- 4: "4px",
994
- 8: "8px"
995
- },
996
- rotate: {
997
- 0: "0deg",
998
- 1: "1deg",
999
- 2: "2deg",
1000
- 3: "3deg",
1001
- 6: "6deg",
1002
- 12: "12deg",
1003
- 45: "45deg",
1004
- 90: "90deg",
1005
- 180: "180deg"
1006
- },
1007
- saturate: {
1008
- 0: "0",
1009
- 50: ".5",
1010
- 100: "1",
1011
- 150: "1.5",
1012
- 200: "2"
1013
- },
1014
- scale: {
1015
- 0: "0",
1016
- 50: ".5",
1017
- 75: ".75",
1018
- 90: ".9",
1019
- 95: ".95",
1020
- 100: "1",
1021
- 105: "1.05",
1022
- 110: "1.1",
1023
- 125: "1.25",
1024
- 150: "1.5"
1025
- },
1026
- screens: {
1027
- sm: "640px",
1028
- md: "768px",
1029
- lg: "1024px",
1030
- xl: "1280px",
1031
- "2xl": "1536px"
1032
- },
1033
- scrollMargin: ({ theme: e }) => ({
1034
- ...e("spacing")
1035
- }),
1036
- scrollPadding: ({ theme: e }) => e("spacing"),
1037
- sepia: {
1038
- 0: "0",
1039
- DEFAULT: "100%"
1040
- },
1041
- skew: {
1042
- 0: "0deg",
1043
- 1: "1deg",
1044
- 2: "2deg",
1045
- 3: "3deg",
1046
- 6: "6deg",
1047
- 12: "12deg"
1048
- },
1049
- space: ({ theme: e }) => ({
1050
- ...e("spacing")
1051
- }),
1052
- spacing: {
1053
- px: "1px",
1054
- 0: "0px",
1055
- 0.5: "0.125rem",
1056
- 1: "0.25rem",
1057
- 1.5: "0.375rem",
1058
- 2: "0.5rem",
1059
- 2.5: "0.625rem",
1060
- 3: "0.75rem",
1061
- 3.5: "0.875rem",
1062
- 4: "1rem",
1063
- 5: "1.25rem",
1064
- 6: "1.5rem",
1065
- 7: "1.75rem",
1066
- 8: "2rem",
1067
- 9: "2.25rem",
1068
- 10: "2.5rem",
1069
- 11: "2.75rem",
1070
- 12: "3rem",
1071
- 14: "3.5rem",
1072
- 16: "4rem",
1073
- 20: "5rem",
1074
- 24: "6rem",
1075
- 28: "7rem",
1076
- 32: "8rem",
1077
- 36: "9rem",
1078
- 40: "10rem",
1079
- 44: "11rem",
1080
- 48: "12rem",
1081
- 52: "13rem",
1082
- 56: "14rem",
1083
- 60: "15rem",
1084
- 64: "16rem",
1085
- 72: "18rem",
1086
- 80: "20rem",
1087
- 96: "24rem"
1088
- },
1089
- stroke: ({ theme: e }) => ({
1090
- none: "none",
1091
- ...e("colors")
1092
- }),
1093
- strokeWidth: {
1094
- 0: "0",
1095
- 1: "1",
1096
- 2: "2"
1097
- },
1098
- supports: {},
1099
- data: {},
1100
- textColor: ({ theme: e }) => e("colors"),
1101
- textDecorationColor: ({ theme: e }) => e("colors"),
1102
- textDecorationThickness: {
1103
- auto: "auto",
1104
- "from-font": "from-font",
1105
- 0: "0px",
1106
- 1: "1px",
1107
- 2: "2px",
1108
- 4: "4px",
1109
- 8: "8px"
1110
- },
1111
- textIndent: ({ theme: e }) => ({
1112
- ...e("spacing")
1113
- }),
1114
- textOpacity: ({ theme: e }) => e("opacity"),
1115
- textUnderlineOffset: {
1116
- auto: "auto",
1117
- 0: "0px",
1118
- 1: "1px",
1119
- 2: "2px",
1120
- 4: "4px",
1121
- 8: "8px"
1122
- },
1123
- transformOrigin: {
1124
- center: "center",
1125
- top: "top",
1126
- "top-right": "top right",
1127
- right: "right",
1128
- "bottom-right": "bottom right",
1129
- bottom: "bottom",
1130
- "bottom-left": "bottom left",
1131
- left: "left",
1132
- "top-left": "top left"
1133
- },
1134
- transitionDelay: {
1135
- 0: "0s",
1136
- 75: "75ms",
1137
- 100: "100ms",
1138
- 150: "150ms",
1139
- 200: "200ms",
1140
- 300: "300ms",
1141
- 500: "500ms",
1142
- 700: "700ms",
1143
- 1e3: "1000ms"
1144
- },
1145
- transitionDuration: {
1146
- DEFAULT: "150ms",
1147
- 0: "0s",
1148
- 75: "75ms",
1149
- 100: "100ms",
1150
- 150: "150ms",
1151
- 200: "200ms",
1152
- 300: "300ms",
1153
- 500: "500ms",
1154
- 700: "700ms",
1155
- 1e3: "1000ms"
1156
- },
1157
- transitionProperty: {
1158
- none: "none",
1159
- all: "all",
1160
- DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
1161
- colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
1162
- opacity: "opacity",
1163
- shadow: "box-shadow",
1164
- transform: "transform"
1165
- },
1166
- transitionTimingFunction: {
1167
- DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
1168
- linear: "linear",
1169
- in: "cubic-bezier(0.4, 0, 1, 1)",
1170
- out: "cubic-bezier(0, 0, 0.2, 1)",
1171
- "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
1172
- },
1173
- translate: ({ theme: e }) => ({
1174
- ...e("spacing"),
1175
- "1/2": "50%",
1176
- "1/3": "33.333333%",
1177
- "2/3": "66.666667%",
1178
- "1/4": "25%",
1179
- "2/4": "50%",
1180
- "3/4": "75%",
1181
- full: "100%"
1182
- }),
1183
- width: ({ theme: e }) => ({
1184
- auto: "auto",
1185
- ...e("spacing"),
1186
- "1/2": "50%",
1187
- "1/3": "33.333333%",
1188
- "2/3": "66.666667%",
1189
- "1/4": "25%",
1190
- "2/4": "50%",
1191
- "3/4": "75%",
1192
- "1/5": "20%",
1193
- "2/5": "40%",
1194
- "3/5": "60%",
1195
- "4/5": "80%",
1196
- "1/6": "16.666667%",
1197
- "2/6": "33.333333%",
1198
- "3/6": "50%",
1199
- "4/6": "66.666667%",
1200
- "5/6": "83.333333%",
1201
- "1/12": "8.333333%",
1202
- "2/12": "16.666667%",
1203
- "3/12": "25%",
1204
- "4/12": "33.333333%",
1205
- "5/12": "41.666667%",
1206
- "6/12": "50%",
1207
- "7/12": "58.333333%",
1208
- "8/12": "66.666667%",
1209
- "9/12": "75%",
1210
- "10/12": "83.333333%",
1211
- "11/12": "91.666667%",
1212
- full: "100%",
1213
- screen: "100vw",
1214
- min: "min-content",
1215
- max: "max-content",
1216
- fit: "fit-content"
1217
- }),
1218
- willChange: {
1219
- auto: "auto",
1220
- scroll: "scroll-position",
1221
- contents: "contents",
1222
- transform: "transform"
1223
- },
1224
- zIndex: {
1225
- auto: "auto",
1226
- 0: "0",
1227
- 10: "10",
1228
- 20: "20",
1229
- 30: "30",
1230
- 40: "40",
1231
- 50: "50"
1232
- }
1233
- },
1234
- plugins: []
1235
- };
1236
- (function(e) {
1237
- "use strict";
1238
- Object.defineProperty(e, "__esModule", {
1239
- value: !0
1240
- }), Object.defineProperty(e, "default", {
1241
- enumerable: !0,
1242
- get: function() {
1243
- return t;
1244
- }
1245
- });
1246
- const n = S, r = /* @__PURE__ */ o(B);
1247
- function o(i) {
1248
- return i && i.__esModule ? i : {
1249
- default: i
1250
- };
1251
- }
1252
- const t = (0, n.cloneDeep)(r.default.theme);
1253
- })(z);
1254
- let b = z;
1255
- var X = (b.__esModule ? b : { default: b }).default;
1256
- const h = /* @__PURE__ */ $(X);
1257
- async function Y(e, n, r = [], o = "c-", t = !1) {
1258
- const i = m(e, "primaryColor", "#000"), a = m(e, "secondaryColor", "#ccc"), c = m(e, "headingFont", "Inter"), g = m(e, "bodyFont", "Inter"), x = m(e, "roundedCorners", "0"), u = L({
1259
- colors: [i, a],
227
+ async function D(a, r, s = [], n = "c-", e = !1) {
228
+ const c = p(a, "primaryColor", "#000"), t = p(a, "secondaryColor", "#ccc"), x = p(a, "headingFont", "Inter"), f = p(a, "bodyFont", "Inter"), m = p(a, "roundedCorners", "0"), g = E({
229
+ colors: [c, t],
1260
230
  names: ["primary", "secondary"]
1261
231
  });
1262
- return T(u, "primary.DEFAULT", i), T(u, "secondary.DEFAULT", a), `${await U({
232
+ return b(g, "primary.DEFAULT", c), b(g, "secondary.DEFAULT", t), `${await V({
1263
233
  tailwindConfig: {
1264
234
  darkMode: "class",
1265
- safelist: r,
235
+ safelist: s,
1266
236
  theme: {
1267
237
  fontFamily: {
1268
- heading: [c, ...h.fontFamily.sans],
1269
- body: [g, ...h.fontFamily.sans]
238
+ heading: [x, ...h.fontFamily.sans],
239
+ body: [f, ...h.fontFamily.sans]
1270
240
  },
1271
241
  extend: {
1272
242
  borderRadius: {
1273
- global: `${x || "0"}px`
243
+ global: `${m || "0"}px`
1274
244
  },
1275
- colors: u
245
+ colors: g
1276
246
  }
1277
247
  },
1278
- plugins: [R, H, I],
1279
- corePlugins: { preflight: t },
1280
- ...o ? { prefix: `${o}` } : {}
248
+ plugins: [A, L, P],
249
+ corePlugins: { preflight: e },
250
+ ...n ? { prefix: `${n}` } : {}
1281
251
  }
1282
252
  }).generateStylesFromContent(
1283
- ` ${t ? "@tailwind base;" : ""}
253
+ ` ${e ? "@tailwind base;" : ""}
1284
254
  @tailwind components;
1285
255
  @tailwind utilities;`,
1286
- n
256
+ r
1287
257
  )}
1288
- .${o}bg-clip-text{background-clip: text;-webkit-background-clip: text;} h1,h2,h3,h4,h5,h6{font-family: "${c}",${h.fontFamily.sans.join(
258
+ .${n}bg-clip-text{background-clip: text;-webkit-background-clip: text;} h1,h2,h3,h4,h5,h6{font-family: "${x}",${h.fontFamily.sans.join(
1289
259
  ", "
1290
260
  )};}`;
1291
261
  }
1292
- const q = (e, n) => e.map((r) => {
1293
- const o = {};
1294
- return Object.keys(r).forEach((t) => {
1295
- O(r[t], P) && (o[t] = A(r[t], n));
1296
- }), o;
1297
- }), C = (e, n, r = "c-", o = !1) => {
1298
- const t = D(n, r);
1299
- return Y(
1300
- n,
1301
- [v(JSON.stringify(q(e, r)), /#styles:/g, "")],
1302
- t.split(" ").concat(`${r}inline-block`, `${r}w-full`, `${r}h-full`),
262
+ const U = (a, r) => a.map((s) => {
263
+ const n = {};
264
+ return Object.keys(s).forEach((e) => {
265
+ k(s[e], R) && (n[e] = C(s[e], r));
266
+ }), n;
267
+ }), S = (a, r, s = "c-", n = !1) => {
268
+ const e = I(r, s);
269
+ return D(
1303
270
  r,
1304
- o
271
+ [O(JSON.stringify(U(a, s)), /#styles:/g, "")],
272
+ e.split(" ").concat(`${s}inline-block`, `${s}w-full`, `${s}h-full`),
273
+ s,
274
+ n
1305
275
  );
1306
- }, le = async (e, n = "c-", r = !1) => {
1307
- const o = e.page.blocks;
1308
- return await C(o, e.project.brandingOptions, n, r);
1309
- }, pe = async (e, n, r = "c-", o = !1) => await C(e, n, r, o);
276
+ }, te = async (a, r = "c-", s = !1) => {
277
+ const n = a.page.blocks;
278
+ return await S(n, a.project.brandingOptions, r, s);
279
+ }, se = async (a, r, s = "c-", n = !1) => await S(a, r, s, n);
1310
280
  export {
1311
- A as addPrefixToClasses,
1312
- xe as cn,
1313
- se as convertArbitraryToTailwindClass,
1314
- ge as generateUUID,
1315
- be as getBlocksFromHTML,
1316
- C as getBlocksTailwindCSS,
1317
- D as getBrandingClasses,
1318
- ue as getBreakpointValue,
1319
- pe as getStylesForBlocks,
1320
- le as getStylesForPageData,
1321
- Y as getTailwindCSS
281
+ C as addPrefixToClasses,
282
+ ce as cn,
283
+ ae as convertArbitraryToTailwindClass,
284
+ oe as generateUUID,
285
+ xe as getBlocksFromHTML,
286
+ S as getBlocksTailwindCSS,
287
+ I as getBrandingClasses,
288
+ le as getBreakpointValue,
289
+ se as getStylesForBlocks,
290
+ te as getStylesForPageData,
291
+ D as getTailwindCSS
1322
292
  };