@chaibuilder/sdk 1.0.19 → 1.0.21

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 (98) hide show
  1. package/dist/{AddBlocks-eoo1CzaK.js → AddBlocks-0-e393Fn.js} +29 -27
  2. package/dist/AddBlocks-p68Cz79o.cjs +3 -0
  3. package/dist/BrandingOptions-HtNCJO9_.cjs +1 -0
  4. package/dist/{BrandingOptions-1zbCs5bl.js → BrandingOptions-QqqJ-YRb.js} +15 -22
  5. package/dist/{CanvasArea-Mpb5yTgf.js → CanvasArea-0hMAhzxn.js} +15 -14
  6. package/dist/{CanvasArea-AsL1cGRZ.cjs → CanvasArea-pZz5czrV.cjs} +4 -4
  7. package/dist/{CurrentPage-ddbm_deC.js → CurrentPage-UOkxZISs.js} +16 -15
  8. package/dist/CurrentPage-phMDH1Ub.cjs +1 -0
  9. package/dist/Layers-NKZXi2LV.cjs +1 -0
  10. package/dist/{Layers-3UtlSah_.js → Layers-TB-Lriju.js} +18 -17
  11. package/dist/MODIFIERS-MLfpKQY1.js +73 -0
  12. package/dist/MODIFIERS-WFzDQfiT.cjs +1 -0
  13. package/dist/MarkAsGlobalBlock-5h3wP4zj.cjs +1 -0
  14. package/dist/{MarkAsGlobalBlock-ySc-D4SB.js → MarkAsGlobalBlock-Pa8po8qP.js} +11 -10
  15. package/dist/PagesPanel-ffrNyFyp.cjs +1 -0
  16. package/dist/{PagesPanel-nLcJD9CK.js → PagesPanel-mAMSbYPt.js} +20 -19
  17. package/dist/ProjectPanel-1ywILLme.cjs +1 -0
  18. package/dist/{ProjectPanel-sFE2KDi-.js → ProjectPanel-XvsYajju.js} +17 -16
  19. package/dist/{Settings-UOB68lg0.js → Settings-8AbHXcDP.js} +98 -96
  20. package/dist/Settings-hdmnT_mI.cjs +1 -0
  21. package/dist/{SidePanels-IFF2nXXZ.js → SidePanels-LQg3mdC4.js} +28 -27
  22. package/dist/SidePanels-xaNrI3oK.cjs +1 -0
  23. package/dist/Topbar-A3WZDrK4.cjs +1 -0
  24. package/dist/{Topbar-lX9OMPwj.js → Topbar-wA6jhMj9.js} +27 -26
  25. package/dist/UnsplashImages-E8zPMgJf.cjs +1 -0
  26. package/dist/{UnsplashImages-u_QTABzi.js → UnsplashImages-mzIO1QeT.js} +9 -8
  27. package/dist/UploadImages-qEuDUEMn.cjs +1 -0
  28. package/dist/{UploadImages-gV5xDHIu.js → UploadImages-qMeaY4sk.js} +9 -8
  29. package/dist/add-page-modal-9deiA1W9.cjs +1 -0
  30. package/dist/{add-page-modal-1z_f7PxL.js → add-page-modal-oER3yE4F.js} +21 -19
  31. package/dist/{confirm-alert-ZQ-sxX0X.js → confirm-alert-rDSai_jQ.js} +10 -9
  32. package/dist/confirm-alert-tH8UCCSF.cjs +1 -0
  33. package/dist/controls-G0puEH71.js +120 -0
  34. package/dist/controls-aHZq-q4b.cjs +1 -0
  35. package/dist/core.cjs +1 -1
  36. package/dist/core.js +72 -71
  37. package/dist/{delete-page-modal-OnKk3P5L.js → delete-page-modal-QzQdrLYI.js} +22 -21
  38. package/dist/delete-page-modal-ShTRkqkB.cjs +1 -0
  39. package/dist/{form-Osm1AmO5.cjs → form-MlgUSEy_.cjs} +1 -1
  40. package/dist/{form-zZJyZuNH.js → form-vWeEsG9Y.js} +2 -2
  41. package/dist/functions-eu6BbvqO.cjs +2 -0
  42. package/dist/functions-hmbWDcnW.js +1108 -0
  43. package/dist/{index-2EHcmZqL.js → index-G55KtqnU.js} +191 -190
  44. package/dist/index-T5MFAHA0.cjs +1 -0
  45. package/dist/{index-2-Cf7p7w.js → index-mLIwGF5W.js} +5439 -5429
  46. package/dist/{index-vKSUqeQx.cjs → index-pCHSFoQO.cjs} +44 -44
  47. package/dist/{jsx-runtime-qAwJ85SY.js → jsx-runtime-NV737rRe.js} +1 -1
  48. package/dist/{jsx-runtime-WKRPbKtm.cjs → jsx-runtime-WUGKV8jN.cjs} +6 -6
  49. package/dist/lib.cjs +1 -2
  50. package/dist/lib.js +116 -1208
  51. package/dist/page-viewer-GPNN1H92.cjs +1 -0
  52. package/dist/{page-viewer-d2r9KEIw.js → page-viewer-X3IEOrUC.js} +18 -17
  53. package/dist/project-general-setting-HZeYf9A1.cjs +1 -0
  54. package/dist/{project-general-setting--Qu-QJlM.js → project-general-setting-oujmeWOG.js} +22 -20
  55. package/dist/project-seo-setting-3FZQXaTn.cjs +1 -0
  56. package/dist/{project-seo-setting-v6l-AbZS.js → project-seo-setting-_X6ckVa4.js} +17 -24
  57. package/dist/render.cjs +1 -1
  58. package/dist/render.js +39 -43
  59. package/dist/server.cjs +1 -1
  60. package/dist/server.js +1 -1
  61. package/dist/single-page-detail-ILshOKys.cjs +1 -0
  62. package/dist/{single-page-detail-olLc2XXk.js → single-page-detail-SxboE7TI.js} +47 -45
  63. package/dist/studio.cjs +1 -1
  64. package/dist/studio.js +20 -19
  65. package/dist/ui.cjs +1 -1
  66. package/dist/ui.d.ts +4 -4
  67. package/dist/ui.js +145 -144
  68. package/dist/utils-It2K33fU.cjs +1 -0
  69. package/dist/{Class-nQk08vqd.js → utils-PPBbw5bk.js} +115 -183
  70. package/package.json +2 -7
  71. package/dist/AddBlocks-jU0NwP_s.cjs +0 -3
  72. package/dist/BrandingOptions-DXAH3zCN.cjs +0 -1
  73. package/dist/Class-RZuPYbUS.cjs +0 -1
  74. package/dist/CurrentPage-VYXjpKJ-.cjs +0 -1
  75. package/dist/Layers-cUeI3Uhq.cjs +0 -1
  76. package/dist/MarkAsGlobalBlock-lYL8cO9x.cjs +0 -1
  77. package/dist/PagesPanel-iFpq7X9a.cjs +0 -1
  78. package/dist/ProjectPanel-Nq_fot83.cjs +0 -1
  79. package/dist/Settings-jiWn1Oof.cjs +0 -1
  80. package/dist/SidePanels-JhPtKGnL.cjs +0 -1
  81. package/dist/Topbar-qi5ab8rR.cjs +0 -1
  82. package/dist/UnsplashImages-a2r7b3kB.cjs +0 -1
  83. package/dist/UploadImages-jLQgLujd.cjs +0 -1
  84. package/dist/add-page-modal-iRSIjkvI.cjs +0 -1
  85. package/dist/blocks.cjs +0 -1
  86. package/dist/blocks.d.ts +0 -4
  87. package/dist/blocks.js +0 -20
  88. package/dist/confirm-alert-z74-fGOT.cjs +0 -1
  89. package/dist/delete-page-modal-a3Tb8T6e.cjs +0 -1
  90. package/dist/index-XvLiA8z7.js +0 -1191
  91. package/dist/index-c8zW_D2V.cjs +0 -1
  92. package/dist/index-fwo4wa7u.cjs +0 -1
  93. package/dist/index-gmZcUXyn.js +0 -25
  94. package/dist/index-l9moYwFE.cjs +0 -9
  95. package/dist/page-viewer-9OzvKHZd.cjs +0 -1
  96. package/dist/project-general-setting-15WMnfLc.cjs +0 -1
  97. package/dist/project-seo-setting-PvLLVhvk.cjs +0 -1
  98. package/dist/single-page-detail-jIi5lRLh.cjs +0 -1
package/dist/lib.js CHANGED
@@ -1,16 +1,18 @@
1
- import { a as x, d as E, b as U, e as O, g as I } from "./Class-nQk08vqd.js";
2
- import { f as Ie } from "./Class-nQk08vqd.js";
3
- import { stringify as k, parse as H } from "himalaya";
4
- import { includes as p, get as l, isEmpty as v, forEach as R, find as f, set as d, capitalize as P, flatMapDeep as B, filter as M, omit as W, flatten as N, first as j, keys as h, map as C, parseInt as V, last as q, startsWith as X, replace as Y } from "lodash";
5
- import { createTailwindcss as G } from "@mhsdesign/jit-browser-tailwindcss";
6
- import { tailwindcssPaletteGenerator as J } from "@bobthered/tailwindcss-palette-generator";
7
- import K from "@tailwindcss/forms";
8
- import Q from "@tailwindcss/typography";
9
- import Z from "@tailwindcss/aspect-ratio";
10
- import ee from "@tailwindcss/line-clamp";
1
+ import { g as C, c as E, a as I } from "./utils-PPBbw5bk.js";
2
+ import { b as ge } from "./utils-PPBbw5bk.js";
3
+ import { stringify as T, parse as O } from "himalaya";
4
+ import { includes as o, get as n, isEmpty as _, forEach as B, find as d, set as m, capitalize as F, flatMapDeep as D, filter as N, omit as P, flatten as V, first as U, keys as x, map as k, parseInt as R } from "lodash";
5
+ import { a as fe, b as ye, g as _e, c as be } from "./functions-hmbWDcnW.js";
6
+ import { a as f } from "./MODIFIERS-MLfpKQY1.js";
11
7
  import "clsx";
12
8
  import "tailwind-merge";
13
- const te = {
9
+ import "@mhsdesign/jit-browser-tailwindcss";
10
+ import "@bobthered/tailwindcss-palette-generator";
11
+ import "@tailwindcss/forms";
12
+ import "@tailwindcss/typography";
13
+ import "@tailwindcss/aspect-ratio";
14
+ import "@tailwindcss/line-clamp";
15
+ const H = {
14
16
  img: { alt: "alt", width: "width", height: "height", src: "image" },
15
17
  video: {
16
18
  src: "url",
@@ -43,28 +45,28 @@ const te = {
43
45
  multiple: "multiple",
44
46
  name: "fieldName"
45
47
  }
46
- }, re = (e, t) => e.children.length === 1 && p(["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link"], t._type), A = (e) => e.map((t) => t.type === "text" ? l(t, "content", "") : v(t.children) ? "" : A(t.children)).join(""), F = (e) => e === null ? !0 : e, S = (e) => {
47
- const t = {}, r = te[e.tagName] || {}, n = e.attributes;
48
- return R(n, ({ key: a, value: i }) => {
49
- if (r[a]) {
50
- if (e.tagName === "img" && a === "src" && !i.startsWith("http")) {
51
- const o = f(e.attributes, { key: "width" }), s = f(e.attributes, { key: "height" });
52
- o && s ? i = `https://via.placeholder.com/${o == null ? void 0 : o.value}x${s == null ? void 0 : s.value}` : i = "https://via.placeholder.com/150x150";
48
+ }, W = (e, r) => e.children.length === 1 && o(["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link"], r._type), A = (e) => e.map((r) => r.type === "text" ? n(r, "content", "") : _(r.children) ? "" : A(r.children)).join(""), L = (e) => e === null ? !0 : e, w = (e) => {
49
+ const r = {}, a = H[e.tagName] || {}, c = e.attributes;
50
+ return B(c, ({ key: t, value: i }) => {
51
+ if (a[t]) {
52
+ if (e.tagName === "img" && t === "src" && !i.startsWith("http")) {
53
+ const s = d(e.attributes, { key: "width" }), l = d(e.attributes, { key: "height" });
54
+ s && l ? i = `https://via.placeholder.com/${s == null ? void 0 : s.value}x${l == null ? void 0 : l.value}` : i = "https://via.placeholder.com/150x150";
53
55
  }
54
- d(t, r[a], F(i));
56
+ m(r, a[t], L(i));
55
57
  } else
56
- p(["style", "class", "srcset"], a) || d(t, `styles_attrs.${a}`, F(i));
57
- }), delete t.class, t;
58
- }, ae = (e, t = "styles") => {
58
+ o(["style", "class", "srcset"], t) || m(r, `styles_attrs.${t}`, L(i));
59
+ }), delete r.class, r;
60
+ }, M = (e, r = "styles") => {
59
61
  if (!e.attributes)
60
- return { [t]: `${x},` };
61
- const r = f(e.attributes, { key: "class" });
62
- if (r) {
63
- const n = r.value;
64
- return { [t]: `${x},${n}` };
62
+ return { [r]: `${f},` };
63
+ const a = d(e.attributes, { key: "class" });
64
+ if (a) {
65
+ const c = a.value;
66
+ return { [r]: `${f},${c}` };
65
67
  }
66
- return { [t]: `${x},` };
67
- }, ne = (e) => {
68
+ return { [r]: `${f},` };
69
+ }, X = (e) => {
68
70
  switch (e.tagName) {
69
71
  case "img":
70
72
  return { _type: "Image" };
@@ -141,45 +143,45 @@ const te = {
141
143
  return {
142
144
  _type: "Box",
143
145
  tag: e.tagName,
144
- name: e.tagName === "div" ? "Box" : P(e.tagName)
146
+ name: e.tagName === "div" ? "Box" : F(e.tagName)
145
147
  };
146
148
  }
147
- }, z = (e, t = null) => B(e, (r) => {
149
+ }, $ = (e, r = null) => D(e, (a) => {
148
150
  var i;
149
- if (r.type === "comment")
151
+ if (a.type === "comment")
150
152
  return [];
151
- let n = { _id: E() };
152
- if (t && (n._parent = t.block._id), r.type === "text")
153
- return v(l(r, "content", "")) ? [] : t && re(t.node, t.block) ? (d(t, "block.content", l(r, "content", "")), []) : { ...n, _type: "Text", content: l(r, "content", "") };
154
- if (n = {
155
- ...n,
156
- ...ne(r),
157
- ...S(r),
158
- ...ae(r)
159
- }, n._type === "Input") {
160
- const o = n.inputType || "text";
161
- o === "checkbox" ? d(n, "_type", "Checkbox") : o === "radio" && d(n, "_type", "Radio");
153
+ let c = { _id: C() };
154
+ if (r && (c._parent = r.block._id), a.type === "text")
155
+ return _(n(a, "content", "")) ? [] : r && W(r.node, r.block) ? (m(r, "block.content", n(a, "content", "")), []) : { ...c, _type: "Text", content: n(a, "content", "") };
156
+ if (c = {
157
+ ...c,
158
+ ...X(a),
159
+ ...w(a),
160
+ ...M(a)
161
+ }, c._type === "Input") {
162
+ const s = c.inputType || "text";
163
+ s === "checkbox" ? m(c, "_type", "Checkbox") : s === "radio" && m(c, "_type", "Radio");
162
164
  } else {
163
- if (r.tagName === "video")
164
- return n.content = k([r]), [n];
165
- if (r.tagName === "svg") {
166
- const o = f(r.attributes, { key: "height" }), s = f(r.attributes, { key: "width" }), c = l(o, "value") ? `[${l(o, "value")}px]` : "full", m = l(s, "value") ? `[${l(s, "value")}px]` : "full", y = l(f(r.attributes, { key: "class" }), "value");
167
- return n.styles = `${x}, ${U(`w-${m} h-${c}`, y)}`.trim(), r.attributes = M(r.attributes, (b) => !p(["style", "width", "height", "class"], b.key)), n.icon = k([r]), d(n, "styles_attrs", W(l(n, "styles_attrs") || {}, ["height", "width", "style", "class"])), [n];
168
- } else if (r.tagName == "option" && t && ((i = t.block) == null ? void 0 : i._type) === "Select")
169
- return t.block.options.push({
170
- label: A(r.children),
171
- ...S(r)
165
+ if (a.tagName === "video")
166
+ return c.content = T([a]), [c];
167
+ if (a.tagName === "svg") {
168
+ const s = d(a.attributes, { key: "height" }), l = d(a.attributes, { key: "width" }), g = n(s, "value") ? `[${n(s, "value")}px]` : "full", h = n(l, "value") ? `[${n(l, "value")}px]` : "full", b = n(d(a.attributes, { key: "class" }), "value");
169
+ return c.styles = `${f}, ${E(`w-${h} h-${g}`, b)}`.trim(), a.attributes = N(a.attributes, (y) => !o(["style", "width", "height", "class"], y.key)), c.icon = T([a]), m(c, "styles_attrs", P(n(c, "styles_attrs") || {}, ["height", "width", "style", "class"])), [c];
170
+ } else if (a.tagName == "option" && r && ((i = r.block) == null ? void 0 : i._type) === "Select")
171
+ return r.block.options.push({
172
+ label: A(a.children),
173
+ ...w(a)
172
174
  }), [];
173
175
  }
174
- const a = z(r.children, { block: n, node: r });
175
- return [n, ...a];
176
- }), oe = (e) => {
177
- const t = e.match(/<body[^>]*>[\s\S]*?<\/body>/);
178
- return (t && t.length > 0 ? t[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : e).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
179
- }, Le = (e) => {
180
- const t = H(oe(e));
181
- return v(e) ? [] : N(z(t));
182
- }, L = {
176
+ const t = $(a.children, { block: c, node: a });
177
+ return [c, ...t];
178
+ }), z = (e) => {
179
+ const r = e.match(/<body[^>]*>[\s\S]*?<\/body>/);
180
+ return (r && r.length > 0 ? r[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : e).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
181
+ }, le = (e) => {
182
+ const r = O(z(e));
183
+ return _(e) ? [] : V($(r));
184
+ }, S = {
183
185
  25: "1/4",
184
186
  "33.33": "1/3",
185
187
  50: "1/2",
@@ -196,7 +198,7 @@ const te = {
196
198
  "58.33": "7/12",
197
199
  "91.67": "11/12",
198
200
  100: "full"
199
- }, ie = {
201
+ }, Y = {
200
202
  0: "0",
201
203
  1: "px",
202
204
  2: "0.5",
@@ -233,23 +235,23 @@ const te = {
233
235
  320: "80",
234
236
  384: "96"
235
237
  };
236
- const se = 16, le = 4;
237
- function ce(e) {
238
- return e.indexOf("rem") !== -1 && (e = `${parseFloat(e.replace("rem", "")) * se}px`), e;
238
+ const q = 16, j = 4;
239
+ function G(e) {
240
+ return e.indexOf("rem") !== -1 && (e = `${parseFloat(e.replace("rem", "")) * q}px`), e;
239
241
  }
240
- const Ae = (e) => {
241
- const t = e.match(/\[.*\]/);
242
- if (t === null)
243
- return e;
244
- const r = O(e);
242
+ const oe = (e) => {
243
+ const r = e.match(/\[.*\]/);
245
244
  if (r === null)
246
245
  return e;
247
- const { property: n } = r;
248
- let a = j(t).replace(/\]/i, "").replace(/\[/i, "");
246
+ const a = I(e);
247
+ if (a === null)
248
+ return e;
249
+ const { property: c } = a;
250
+ let t = U(r).replace(/\]/i, "").replace(/\[/i, "");
249
251
  const i = e.replace(/\[.*\]/i, "");
250
- a = ce(a);
251
- let o = e;
252
- switch (n) {
252
+ t = G(t);
253
+ let s = e;
254
+ switch (c) {
253
255
  case "top":
254
256
  case "right":
255
257
  case "left":
@@ -281,28 +283,28 @@ const Ae = (e) => {
281
283
  case "textIndent":
282
284
  case "spaceX":
283
285
  case "spaceY":
284
- if (a.indexOf("px") !== -1) {
285
- const g = C(h(ie), (u) => `${u}px`);
286
- if (p(g, a)) {
287
- const u = V(a.replace("px", ""), 10);
288
- u === 1 ? o = `${i}px` : o = i + u / le;
286
+ if (t.indexOf("px") !== -1) {
287
+ const u = k(x(Y), (p) => `${p}px`);
288
+ if (o(u, t)) {
289
+ const p = R(t.replace("px", ""), 10);
290
+ p === 1 ? s = `${i}px` : s = i + p / j;
289
291
  }
290
292
  }
291
- if (a.indexOf("%") !== -1) {
292
- const g = C(h(L), (u) => `${u}%`);
293
- if (p(g, a)) {
294
- const u = parseFloat(a.replace("%", ""));
295
- o = i + l(L, u);
293
+ if (t.indexOf("%") !== -1) {
294
+ const u = k(x(S), (p) => `${p}%`);
295
+ if (o(u, t)) {
296
+ const p = parseFloat(t.replace("%", ""));
297
+ s = i + n(S, p);
296
298
  }
297
299
  }
298
- a.indexOf("vw") !== -1 && parseFloat(a.replace("vw", "")) === 100 && (o = `${i}screen`), a.indexOf("vh") !== -1 && parseFloat(a.replace("vh", "")) === 100 && (o = `${i}screen`);
300
+ t.indexOf("vw") !== -1 && parseFloat(t.replace("vw", "")) === 100 && (s = `${i}screen`), t.indexOf("vh") !== -1 && parseFloat(t.replace("vh", "")) === 100 && (s = `${i}screen`);
299
301
  break;
300
302
  case "minWidth":
301
- a.indexOf("%") !== -1 && parseFloat(a.replace("%", "")) === 100 && (o = `${i}full`), a === "0px" && (o = "min-w-0");
303
+ t.indexOf("%") !== -1 && parseFloat(t.replace("%", "")) === 100 && (s = `${i}full`), t === "0px" && (s = "min-w-0");
302
304
  break;
303
305
  case "maxWidth":
304
- a === "0px" && (o = "max-w-0");
305
- const s = {
306
+ t === "0px" && (s = "max-w-0");
307
+ const l = {
306
308
  "320px": "xs",
307
309
  "384px": "sm",
308
310
  "448px": "md",
@@ -319,13 +321,13 @@ const Ae = (e) => {
319
321
  "640px": "screen-sm",
320
322
  "1536px": "screen-2xl"
321
323
  };
322
- p(h(s), a) && (o = `max-w-${s[a]}`);
324
+ o(x(l), t) && (s = `max-w-${l[t]}`);
323
325
  break;
324
326
  case "minHeight":
325
- a.indexOf("%") !== -1 && parseFloat(a.replace("%", "")) === 100 && (o = `${i}full`), a === "0px" && (o = "min-h-0"), a === "100vh" && (o = "min-h-screen");
327
+ t.indexOf("%") !== -1 && parseFloat(t.replace("%", "")) === 100 && (s = `${i}full`), t === "0px" && (s = "min-h-0"), t === "100vh" && (s = "min-h-screen");
326
328
  break;
327
329
  case "fontSize":
328
- const c = {
330
+ const g = {
329
331
  "12px": "xs",
330
332
  "14px": "sm",
331
333
  "16px": "base",
@@ -340,10 +342,10 @@ const Ae = (e) => {
340
342
  "96px": "8xl",
341
343
  "128px": "9xl"
342
344
  };
343
- p(h(c), a) && (o = i + c[a]);
345
+ o(x(g), t) && (s = i + g[t]);
344
346
  break;
345
347
  case "lineHeight":
346
- const m = {
348
+ const h = {
347
349
  "12px": "3",
348
350
  "16px": "4",
349
351
  "20px": "5",
@@ -359,13 +361,13 @@ const Ae = (e) => {
359
361
  "1.625": "relaxed",
360
362
  2: "loose"
361
363
  };
362
- p(h(m), a) && (o = i + m[a]);
364
+ o(x(h), t) && (s = i + h[t]);
363
365
  break;
364
366
  case "zIndex":
365
- o = ["0", "10", "20", "30", "40", "50"].indexOf(a) !== -1 ? `${i}${a}` : e;
367
+ s = ["0", "10", "20", "30", "40", "50"].indexOf(t) !== -1 ? `${i}${t}` : e;
366
368
  break;
367
369
  case "opacity":
368
- const b = [
370
+ const y = [
369
371
  "0",
370
372
  "5",
371
373
  "10",
@@ -381,1109 +383,15 @@ const Ae = (e) => {
381
383
  "90",
382
384
  "95",
383
385
  "100"
384
- ], _ = parseFloat(a) * 100;
385
- p(b, _.toString()) && (o = `opacity-${_}`);
386
+ ], v = parseFloat(t) * 100;
387
+ o(y, v.toString()) && (s = `opacity-${v}`);
386
388
  break;
387
389
  default:
388
390
  break;
389
391
  }
390
- return o;
392
+ return s;
391
393
  };
392
- var D = {}, $ = {};
393
- (function(e) {
394
- "use strict";
395
- Object.defineProperty(e, "__esModule", {
396
- value: !0
397
- }), Object.defineProperty(e, "cloneDeep", {
398
- enumerable: !0,
399
- get: function() {
400
- return t;
401
- }
402
- });
403
- function t(r) {
404
- return Array.isArray(r) ? r.map((n) => t(n)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([n, a]) => [
405
- n,
406
- t(a)
407
- ])) : r;
408
- }
409
- })($);
410
- var pe = {
411
- content: [],
412
- presets: [],
413
- darkMode: "media",
414
- // or 'class'
415
- theme: {
416
- accentColor: ({ theme: e }) => ({
417
- ...e("colors"),
418
- auto: "auto"
419
- }),
420
- animation: {
421
- none: "none",
422
- spin: "spin 1s linear infinite",
423
- ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
424
- pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
425
- bounce: "bounce 1s infinite"
426
- },
427
- aria: {
428
- busy: 'busy="true"',
429
- checked: 'checked="true"',
430
- disabled: 'disabled="true"',
431
- expanded: 'expanded="true"',
432
- hidden: 'hidden="true"',
433
- pressed: 'pressed="true"',
434
- readonly: 'readonly="true"',
435
- required: 'required="true"',
436
- selected: 'selected="true"'
437
- },
438
- aspectRatio: {
439
- auto: "auto",
440
- square: "1 / 1",
441
- video: "16 / 9"
442
- },
443
- backdropBlur: ({ theme: e }) => e("blur"),
444
- backdropBrightness: ({ theme: e }) => e("brightness"),
445
- backdropContrast: ({ theme: e }) => e("contrast"),
446
- backdropGrayscale: ({ theme: e }) => e("grayscale"),
447
- backdropHueRotate: ({ theme: e }) => e("hueRotate"),
448
- backdropInvert: ({ theme: e }) => e("invert"),
449
- backdropOpacity: ({ theme: e }) => e("opacity"),
450
- backdropSaturate: ({ theme: e }) => e("saturate"),
451
- backdropSepia: ({ theme: e }) => e("sepia"),
452
- backgroundColor: ({ theme: e }) => e("colors"),
453
- backgroundImage: {
454
- none: "none",
455
- "gradient-to-t": "linear-gradient(to top, var(--tw-gradient-stops))",
456
- "gradient-to-tr": "linear-gradient(to top right, var(--tw-gradient-stops))",
457
- "gradient-to-r": "linear-gradient(to right, var(--tw-gradient-stops))",
458
- "gradient-to-br": "linear-gradient(to bottom right, var(--tw-gradient-stops))",
459
- "gradient-to-b": "linear-gradient(to bottom, var(--tw-gradient-stops))",
460
- "gradient-to-bl": "linear-gradient(to bottom left, var(--tw-gradient-stops))",
461
- "gradient-to-l": "linear-gradient(to left, var(--tw-gradient-stops))",
462
- "gradient-to-tl": "linear-gradient(to top left, var(--tw-gradient-stops))"
463
- },
464
- backgroundOpacity: ({ theme: e }) => e("opacity"),
465
- backgroundPosition: {
466
- bottom: "bottom",
467
- center: "center",
468
- left: "left",
469
- "left-bottom": "left bottom",
470
- "left-top": "left top",
471
- right: "right",
472
- "right-bottom": "right bottom",
473
- "right-top": "right top",
474
- top: "top"
475
- },
476
- backgroundSize: {
477
- auto: "auto",
478
- cover: "cover",
479
- contain: "contain"
480
- },
481
- blur: {
482
- 0: "0",
483
- none: "0",
484
- sm: "4px",
485
- DEFAULT: "8px",
486
- md: "12px",
487
- lg: "16px",
488
- xl: "24px",
489
- "2xl": "40px",
490
- "3xl": "64px"
491
- },
492
- borderColor: ({ theme: e }) => ({
493
- ...e("colors"),
494
- DEFAULT: e("colors.gray.200", "currentColor")
495
- }),
496
- borderOpacity: ({ theme: e }) => e("opacity"),
497
- borderRadius: {
498
- none: "0px",
499
- sm: "0.125rem",
500
- DEFAULT: "0.25rem",
501
- md: "0.375rem",
502
- lg: "0.5rem",
503
- xl: "0.75rem",
504
- "2xl": "1rem",
505
- "3xl": "1.5rem",
506
- full: "9999px"
507
- },
508
- borderSpacing: ({ theme: e }) => ({
509
- ...e("spacing")
510
- }),
511
- borderWidth: {
512
- DEFAULT: "1px",
513
- 0: "0px",
514
- 2: "2px",
515
- 4: "4px",
516
- 8: "8px"
517
- },
518
- boxShadow: {
519
- sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
520
- DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
521
- md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
522
- lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
523
- xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
524
- "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
525
- inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
526
- none: "none"
527
- },
528
- boxShadowColor: ({ theme: e }) => e("colors"),
529
- brightness: {
530
- 0: "0",
531
- 50: ".5",
532
- 75: ".75",
533
- 90: ".9",
534
- 95: ".95",
535
- 100: "1",
536
- 105: "1.05",
537
- 110: "1.1",
538
- 125: "1.25",
539
- 150: "1.5",
540
- 200: "2"
541
- },
542
- caretColor: ({ theme: e }) => e("colors"),
543
- colors: ({ colors: e }) => ({
544
- inherit: e.inherit,
545
- current: e.current,
546
- transparent: e.transparent,
547
- black: e.black,
548
- white: e.white,
549
- slate: e.slate,
550
- gray: e.gray,
551
- zinc: e.zinc,
552
- neutral: e.neutral,
553
- stone: e.stone,
554
- red: e.red,
555
- orange: e.orange,
556
- amber: e.amber,
557
- yellow: e.yellow,
558
- lime: e.lime,
559
- green: e.green,
560
- emerald: e.emerald,
561
- teal: e.teal,
562
- cyan: e.cyan,
563
- sky: e.sky,
564
- blue: e.blue,
565
- indigo: e.indigo,
566
- violet: e.violet,
567
- purple: e.purple,
568
- fuchsia: e.fuchsia,
569
- pink: e.pink,
570
- rose: e.rose
571
- }),
572
- columns: {
573
- auto: "auto",
574
- 1: "1",
575
- 2: "2",
576
- 3: "3",
577
- 4: "4",
578
- 5: "5",
579
- 6: "6",
580
- 7: "7",
581
- 8: "8",
582
- 9: "9",
583
- 10: "10",
584
- 11: "11",
585
- 12: "12",
586
- "3xs": "16rem",
587
- "2xs": "18rem",
588
- xs: "20rem",
589
- sm: "24rem",
590
- md: "28rem",
591
- lg: "32rem",
592
- xl: "36rem",
593
- "2xl": "42rem",
594
- "3xl": "48rem",
595
- "4xl": "56rem",
596
- "5xl": "64rem",
597
- "6xl": "72rem",
598
- "7xl": "80rem"
599
- },
600
- container: {},
601
- content: {
602
- none: "none"
603
- },
604
- contrast: {
605
- 0: "0",
606
- 50: ".5",
607
- 75: ".75",
608
- 100: "1",
609
- 125: "1.25",
610
- 150: "1.5",
611
- 200: "2"
612
- },
613
- cursor: {
614
- auto: "auto",
615
- default: "default",
616
- pointer: "pointer",
617
- wait: "wait",
618
- text: "text",
619
- move: "move",
620
- help: "help",
621
- "not-allowed": "not-allowed",
622
- none: "none",
623
- "context-menu": "context-menu",
624
- progress: "progress",
625
- cell: "cell",
626
- crosshair: "crosshair",
627
- "vertical-text": "vertical-text",
628
- alias: "alias",
629
- copy: "copy",
630
- "no-drop": "no-drop",
631
- grab: "grab",
632
- grabbing: "grabbing",
633
- "all-scroll": "all-scroll",
634
- "col-resize": "col-resize",
635
- "row-resize": "row-resize",
636
- "n-resize": "n-resize",
637
- "e-resize": "e-resize",
638
- "s-resize": "s-resize",
639
- "w-resize": "w-resize",
640
- "ne-resize": "ne-resize",
641
- "nw-resize": "nw-resize",
642
- "se-resize": "se-resize",
643
- "sw-resize": "sw-resize",
644
- "ew-resize": "ew-resize",
645
- "ns-resize": "ns-resize",
646
- "nesw-resize": "nesw-resize",
647
- "nwse-resize": "nwse-resize",
648
- "zoom-in": "zoom-in",
649
- "zoom-out": "zoom-out"
650
- },
651
- divideColor: ({ theme: e }) => e("borderColor"),
652
- divideOpacity: ({ theme: e }) => e("borderOpacity"),
653
- divideWidth: ({ theme: e }) => e("borderWidth"),
654
- dropShadow: {
655
- sm: "0 1px 1px rgb(0 0 0 / 0.05)",
656
- DEFAULT: ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
657
- md: ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
658
- lg: ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
659
- xl: ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
660
- "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
661
- none: "0 0 #0000"
662
- },
663
- fill: ({ theme: e }) => ({
664
- none: "none",
665
- ...e("colors")
666
- }),
667
- flex: {
668
- 1: "1 1 0%",
669
- auto: "1 1 auto",
670
- initial: "0 1 auto",
671
- none: "none"
672
- },
673
- flexBasis: ({ theme: e }) => ({
674
- auto: "auto",
675
- ...e("spacing"),
676
- "1/2": "50%",
677
- "1/3": "33.333333%",
678
- "2/3": "66.666667%",
679
- "1/4": "25%",
680
- "2/4": "50%",
681
- "3/4": "75%",
682
- "1/5": "20%",
683
- "2/5": "40%",
684
- "3/5": "60%",
685
- "4/5": "80%",
686
- "1/6": "16.666667%",
687
- "2/6": "33.333333%",
688
- "3/6": "50%",
689
- "4/6": "66.666667%",
690
- "5/6": "83.333333%",
691
- "1/12": "8.333333%",
692
- "2/12": "16.666667%",
693
- "3/12": "25%",
694
- "4/12": "33.333333%",
695
- "5/12": "41.666667%",
696
- "6/12": "50%",
697
- "7/12": "58.333333%",
698
- "8/12": "66.666667%",
699
- "9/12": "75%",
700
- "10/12": "83.333333%",
701
- "11/12": "91.666667%",
702
- full: "100%"
703
- }),
704
- flexGrow: {
705
- 0: "0",
706
- DEFAULT: "1"
707
- },
708
- flexShrink: {
709
- 0: "0",
710
- DEFAULT: "1"
711
- },
712
- fontFamily: {
713
- sans: [
714
- "ui-sans-serif",
715
- "system-ui",
716
- "-apple-system",
717
- "BlinkMacSystemFont",
718
- '"Segoe UI"',
719
- "Roboto",
720
- '"Helvetica Neue"',
721
- "Arial",
722
- '"Noto Sans"',
723
- "sans-serif",
724
- '"Apple Color Emoji"',
725
- '"Segoe UI Emoji"',
726
- '"Segoe UI Symbol"',
727
- '"Noto Color Emoji"'
728
- ],
729
- serif: ["ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"],
730
- mono: [
731
- "ui-monospace",
732
- "SFMono-Regular",
733
- "Menlo",
734
- "Monaco",
735
- "Consolas",
736
- '"Liberation Mono"',
737
- '"Courier New"',
738
- "monospace"
739
- ]
740
- },
741
- fontSize: {
742
- xs: ["0.75rem", { lineHeight: "1rem" }],
743
- sm: ["0.875rem", { lineHeight: "1.25rem" }],
744
- base: ["1rem", { lineHeight: "1.5rem" }],
745
- lg: ["1.125rem", { lineHeight: "1.75rem" }],
746
- xl: ["1.25rem", { lineHeight: "1.75rem" }],
747
- "2xl": ["1.5rem", { lineHeight: "2rem" }],
748
- "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
749
- "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
750
- "5xl": ["3rem", { lineHeight: "1" }],
751
- "6xl": ["3.75rem", { lineHeight: "1" }],
752
- "7xl": ["4.5rem", { lineHeight: "1" }],
753
- "8xl": ["6rem", { lineHeight: "1" }],
754
- "9xl": ["8rem", { lineHeight: "1" }]
755
- },
756
- fontWeight: {
757
- thin: "100",
758
- extralight: "200",
759
- light: "300",
760
- normal: "400",
761
- medium: "500",
762
- semibold: "600",
763
- bold: "700",
764
- extrabold: "800",
765
- black: "900"
766
- },
767
- gap: ({ theme: e }) => e("spacing"),
768
- gradientColorStops: ({ theme: e }) => e("colors"),
769
- gradientColorStopPositions: {
770
- "0%": "0%",
771
- "5%": "5%",
772
- "10%": "10%",
773
- "15%": "15%",
774
- "20%": "20%",
775
- "25%": "25%",
776
- "30%": "30%",
777
- "35%": "35%",
778
- "40%": "40%",
779
- "45%": "45%",
780
- "50%": "50%",
781
- "55%": "55%",
782
- "60%": "60%",
783
- "65%": "65%",
784
- "70%": "70%",
785
- "75%": "75%",
786
- "80%": "80%",
787
- "85%": "85%",
788
- "90%": "90%",
789
- "95%": "95%",
790
- "100%": "100%"
791
- },
792
- grayscale: {
793
- 0: "0",
794
- DEFAULT: "100%"
795
- },
796
- gridAutoColumns: {
797
- auto: "auto",
798
- min: "min-content",
799
- max: "max-content",
800
- fr: "minmax(0, 1fr)"
801
- },
802
- gridAutoRows: {
803
- auto: "auto",
804
- min: "min-content",
805
- max: "max-content",
806
- fr: "minmax(0, 1fr)"
807
- },
808
- gridColumn: {
809
- auto: "auto",
810
- "span-1": "span 1 / span 1",
811
- "span-2": "span 2 / span 2",
812
- "span-3": "span 3 / span 3",
813
- "span-4": "span 4 / span 4",
814
- "span-5": "span 5 / span 5",
815
- "span-6": "span 6 / span 6",
816
- "span-7": "span 7 / span 7",
817
- "span-8": "span 8 / span 8",
818
- "span-9": "span 9 / span 9",
819
- "span-10": "span 10 / span 10",
820
- "span-11": "span 11 / span 11",
821
- "span-12": "span 12 / span 12",
822
- "span-full": "1 / -1"
823
- },
824
- gridColumnEnd: {
825
- auto: "auto",
826
- 1: "1",
827
- 2: "2",
828
- 3: "3",
829
- 4: "4",
830
- 5: "5",
831
- 6: "6",
832
- 7: "7",
833
- 8: "8",
834
- 9: "9",
835
- 10: "10",
836
- 11: "11",
837
- 12: "12",
838
- 13: "13"
839
- },
840
- gridColumnStart: {
841
- auto: "auto",
842
- 1: "1",
843
- 2: "2",
844
- 3: "3",
845
- 4: "4",
846
- 5: "5",
847
- 6: "6",
848
- 7: "7",
849
- 8: "8",
850
- 9: "9",
851
- 10: "10",
852
- 11: "11",
853
- 12: "12",
854
- 13: "13"
855
- },
856
- gridRow: {
857
- auto: "auto",
858
- "span-1": "span 1 / span 1",
859
- "span-2": "span 2 / span 2",
860
- "span-3": "span 3 / span 3",
861
- "span-4": "span 4 / span 4",
862
- "span-5": "span 5 / span 5",
863
- "span-6": "span 6 / span 6",
864
- "span-full": "1 / -1"
865
- },
866
- gridRowEnd: {
867
- auto: "auto",
868
- 1: "1",
869
- 2: "2",
870
- 3: "3",
871
- 4: "4",
872
- 5: "5",
873
- 6: "6",
874
- 7: "7"
875
- },
876
- gridRowStart: {
877
- auto: "auto",
878
- 1: "1",
879
- 2: "2",
880
- 3: "3",
881
- 4: "4",
882
- 5: "5",
883
- 6: "6",
884
- 7: "7"
885
- },
886
- gridTemplateColumns: {
887
- none: "none",
888
- 1: "repeat(1, minmax(0, 1fr))",
889
- 2: "repeat(2, minmax(0, 1fr))",
890
- 3: "repeat(3, minmax(0, 1fr))",
891
- 4: "repeat(4, minmax(0, 1fr))",
892
- 5: "repeat(5, minmax(0, 1fr))",
893
- 6: "repeat(6, minmax(0, 1fr))",
894
- 7: "repeat(7, minmax(0, 1fr))",
895
- 8: "repeat(8, minmax(0, 1fr))",
896
- 9: "repeat(9, minmax(0, 1fr))",
897
- 10: "repeat(10, minmax(0, 1fr))",
898
- 11: "repeat(11, minmax(0, 1fr))",
899
- 12: "repeat(12, minmax(0, 1fr))"
900
- },
901
- gridTemplateRows: {
902
- none: "none",
903
- 1: "repeat(1, minmax(0, 1fr))",
904
- 2: "repeat(2, minmax(0, 1fr))",
905
- 3: "repeat(3, minmax(0, 1fr))",
906
- 4: "repeat(4, minmax(0, 1fr))",
907
- 5: "repeat(5, minmax(0, 1fr))",
908
- 6: "repeat(6, minmax(0, 1fr))"
909
- },
910
- height: ({ theme: e }) => ({
911
- auto: "auto",
912
- ...e("spacing"),
913
- "1/2": "50%",
914
- "1/3": "33.333333%",
915
- "2/3": "66.666667%",
916
- "1/4": "25%",
917
- "2/4": "50%",
918
- "3/4": "75%",
919
- "1/5": "20%",
920
- "2/5": "40%",
921
- "3/5": "60%",
922
- "4/5": "80%",
923
- "1/6": "16.666667%",
924
- "2/6": "33.333333%",
925
- "3/6": "50%",
926
- "4/6": "66.666667%",
927
- "5/6": "83.333333%",
928
- full: "100%",
929
- screen: "100vh",
930
- min: "min-content",
931
- max: "max-content",
932
- fit: "fit-content"
933
- }),
934
- hueRotate: {
935
- 0: "0deg",
936
- 15: "15deg",
937
- 30: "30deg",
938
- 60: "60deg",
939
- 90: "90deg",
940
- 180: "180deg"
941
- },
942
- inset: ({ theme: e }) => ({
943
- auto: "auto",
944
- ...e("spacing"),
945
- "1/2": "50%",
946
- "1/3": "33.333333%",
947
- "2/3": "66.666667%",
948
- "1/4": "25%",
949
- "2/4": "50%",
950
- "3/4": "75%",
951
- full: "100%"
952
- }),
953
- invert: {
954
- 0: "0",
955
- DEFAULT: "100%"
956
- },
957
- keyframes: {
958
- spin: {
959
- to: {
960
- transform: "rotate(360deg)"
961
- }
962
- },
963
- ping: {
964
- "75%, 100%": {
965
- transform: "scale(2)",
966
- opacity: "0"
967
- }
968
- },
969
- pulse: {
970
- "50%": {
971
- opacity: ".5"
972
- }
973
- },
974
- bounce: {
975
- "0%, 100%": {
976
- transform: "translateY(-25%)",
977
- animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
978
- },
979
- "50%": {
980
- transform: "none",
981
- animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
982
- }
983
- }
984
- },
985
- letterSpacing: {
986
- tighter: "-0.05em",
987
- tight: "-0.025em",
988
- normal: "0em",
989
- wide: "0.025em",
990
- wider: "0.05em",
991
- widest: "0.1em"
992
- },
993
- lineHeight: {
994
- none: "1",
995
- tight: "1.25",
996
- snug: "1.375",
997
- normal: "1.5",
998
- relaxed: "1.625",
999
- loose: "2",
1000
- 3: ".75rem",
1001
- 4: "1rem",
1002
- 5: "1.25rem",
1003
- 6: "1.5rem",
1004
- 7: "1.75rem",
1005
- 8: "2rem",
1006
- 9: "2.25rem",
1007
- 10: "2.5rem"
1008
- },
1009
- listStyleType: {
1010
- none: "none",
1011
- disc: "disc",
1012
- decimal: "decimal"
1013
- },
1014
- listStyleImage: {
1015
- none: "none"
1016
- },
1017
- margin: ({ theme: e }) => ({
1018
- auto: "auto",
1019
- ...e("spacing")
1020
- }),
1021
- lineClamp: {
1022
- 1: "1",
1023
- 2: "2",
1024
- 3: "3",
1025
- 4: "4",
1026
- 5: "5",
1027
- 6: "6"
1028
- },
1029
- maxHeight: ({ theme: e }) => ({
1030
- ...e("spacing"),
1031
- none: "none",
1032
- full: "100%",
1033
- screen: "100vh",
1034
- min: "min-content",
1035
- max: "max-content",
1036
- fit: "fit-content"
1037
- }),
1038
- maxWidth: ({ theme: e, breakpoints: t }) => ({
1039
- none: "none",
1040
- 0: "0rem",
1041
- xs: "20rem",
1042
- sm: "24rem",
1043
- md: "28rem",
1044
- lg: "32rem",
1045
- xl: "36rem",
1046
- "2xl": "42rem",
1047
- "3xl": "48rem",
1048
- "4xl": "56rem",
1049
- "5xl": "64rem",
1050
- "6xl": "72rem",
1051
- "7xl": "80rem",
1052
- full: "100%",
1053
- min: "min-content",
1054
- max: "max-content",
1055
- fit: "fit-content",
1056
- prose: "65ch",
1057
- ...t(e("screens"))
1058
- }),
1059
- minHeight: {
1060
- 0: "0px",
1061
- full: "100%",
1062
- screen: "100vh",
1063
- min: "min-content",
1064
- max: "max-content",
1065
- fit: "fit-content"
1066
- },
1067
- minWidth: {
1068
- 0: "0px",
1069
- full: "100%",
1070
- min: "min-content",
1071
- max: "max-content",
1072
- fit: "fit-content"
1073
- },
1074
- objectPosition: {
1075
- bottom: "bottom",
1076
- center: "center",
1077
- left: "left",
1078
- "left-bottom": "left bottom",
1079
- "left-top": "left top",
1080
- right: "right",
1081
- "right-bottom": "right bottom",
1082
- "right-top": "right top",
1083
- top: "top"
1084
- },
1085
- opacity: {
1086
- 0: "0",
1087
- 5: "0.05",
1088
- 10: "0.1",
1089
- 20: "0.2",
1090
- 25: "0.25",
1091
- 30: "0.3",
1092
- 40: "0.4",
1093
- 50: "0.5",
1094
- 60: "0.6",
1095
- 70: "0.7",
1096
- 75: "0.75",
1097
- 80: "0.8",
1098
- 90: "0.9",
1099
- 95: "0.95",
1100
- 100: "1"
1101
- },
1102
- order: {
1103
- first: "-9999",
1104
- last: "9999",
1105
- none: "0",
1106
- 1: "1",
1107
- 2: "2",
1108
- 3: "3",
1109
- 4: "4",
1110
- 5: "5",
1111
- 6: "6",
1112
- 7: "7",
1113
- 8: "8",
1114
- 9: "9",
1115
- 10: "10",
1116
- 11: "11",
1117
- 12: "12"
1118
- },
1119
- outlineColor: ({ theme: e }) => e("colors"),
1120
- outlineOffset: {
1121
- 0: "0px",
1122
- 1: "1px",
1123
- 2: "2px",
1124
- 4: "4px",
1125
- 8: "8px"
1126
- },
1127
- outlineWidth: {
1128
- 0: "0px",
1129
- 1: "1px",
1130
- 2: "2px",
1131
- 4: "4px",
1132
- 8: "8px"
1133
- },
1134
- padding: ({ theme: e }) => e("spacing"),
1135
- placeholderColor: ({ theme: e }) => e("colors"),
1136
- placeholderOpacity: ({ theme: e }) => e("opacity"),
1137
- ringColor: ({ theme: e }) => ({
1138
- DEFAULT: e("colors.blue.500", "#3b82f6"),
1139
- ...e("colors")
1140
- }),
1141
- ringOffsetColor: ({ theme: e }) => e("colors"),
1142
- ringOffsetWidth: {
1143
- 0: "0px",
1144
- 1: "1px",
1145
- 2: "2px",
1146
- 4: "4px",
1147
- 8: "8px"
1148
- },
1149
- ringOpacity: ({ theme: e }) => ({
1150
- DEFAULT: "0.5",
1151
- ...e("opacity")
1152
- }),
1153
- ringWidth: {
1154
- DEFAULT: "3px",
1155
- 0: "0px",
1156
- 1: "1px",
1157
- 2: "2px",
1158
- 4: "4px",
1159
- 8: "8px"
1160
- },
1161
- rotate: {
1162
- 0: "0deg",
1163
- 1: "1deg",
1164
- 2: "2deg",
1165
- 3: "3deg",
1166
- 6: "6deg",
1167
- 12: "12deg",
1168
- 45: "45deg",
1169
- 90: "90deg",
1170
- 180: "180deg"
1171
- },
1172
- saturate: {
1173
- 0: "0",
1174
- 50: ".5",
1175
- 100: "1",
1176
- 150: "1.5",
1177
- 200: "2"
1178
- },
1179
- scale: {
1180
- 0: "0",
1181
- 50: ".5",
1182
- 75: ".75",
1183
- 90: ".9",
1184
- 95: ".95",
1185
- 100: "1",
1186
- 105: "1.05",
1187
- 110: "1.1",
1188
- 125: "1.25",
1189
- 150: "1.5"
1190
- },
1191
- screens: {
1192
- sm: "640px",
1193
- md: "768px",
1194
- lg: "1024px",
1195
- xl: "1280px",
1196
- "2xl": "1536px"
1197
- },
1198
- scrollMargin: ({ theme: e }) => ({
1199
- ...e("spacing")
1200
- }),
1201
- scrollPadding: ({ theme: e }) => e("spacing"),
1202
- sepia: {
1203
- 0: "0",
1204
- DEFAULT: "100%"
1205
- },
1206
- skew: {
1207
- 0: "0deg",
1208
- 1: "1deg",
1209
- 2: "2deg",
1210
- 3: "3deg",
1211
- 6: "6deg",
1212
- 12: "12deg"
1213
- },
1214
- space: ({ theme: e }) => ({
1215
- ...e("spacing")
1216
- }),
1217
- spacing: {
1218
- px: "1px",
1219
- 0: "0px",
1220
- 0.5: "0.125rem",
1221
- 1: "0.25rem",
1222
- 1.5: "0.375rem",
1223
- 2: "0.5rem",
1224
- 2.5: "0.625rem",
1225
- 3: "0.75rem",
1226
- 3.5: "0.875rem",
1227
- 4: "1rem",
1228
- 5: "1.25rem",
1229
- 6: "1.5rem",
1230
- 7: "1.75rem",
1231
- 8: "2rem",
1232
- 9: "2.25rem",
1233
- 10: "2.5rem",
1234
- 11: "2.75rem",
1235
- 12: "3rem",
1236
- 14: "3.5rem",
1237
- 16: "4rem",
1238
- 20: "5rem",
1239
- 24: "6rem",
1240
- 28: "7rem",
1241
- 32: "8rem",
1242
- 36: "9rem",
1243
- 40: "10rem",
1244
- 44: "11rem",
1245
- 48: "12rem",
1246
- 52: "13rem",
1247
- 56: "14rem",
1248
- 60: "15rem",
1249
- 64: "16rem",
1250
- 72: "18rem",
1251
- 80: "20rem",
1252
- 96: "24rem"
1253
- },
1254
- stroke: ({ theme: e }) => ({
1255
- none: "none",
1256
- ...e("colors")
1257
- }),
1258
- strokeWidth: {
1259
- 0: "0",
1260
- 1: "1",
1261
- 2: "2"
1262
- },
1263
- supports: {},
1264
- data: {},
1265
- textColor: ({ theme: e }) => e("colors"),
1266
- textDecorationColor: ({ theme: e }) => e("colors"),
1267
- textDecorationThickness: {
1268
- auto: "auto",
1269
- "from-font": "from-font",
1270
- 0: "0px",
1271
- 1: "1px",
1272
- 2: "2px",
1273
- 4: "4px",
1274
- 8: "8px"
1275
- },
1276
- textIndent: ({ theme: e }) => ({
1277
- ...e("spacing")
1278
- }),
1279
- textOpacity: ({ theme: e }) => e("opacity"),
1280
- textUnderlineOffset: {
1281
- auto: "auto",
1282
- 0: "0px",
1283
- 1: "1px",
1284
- 2: "2px",
1285
- 4: "4px",
1286
- 8: "8px"
1287
- },
1288
- transformOrigin: {
1289
- center: "center",
1290
- top: "top",
1291
- "top-right": "top right",
1292
- right: "right",
1293
- "bottom-right": "bottom right",
1294
- bottom: "bottom",
1295
- "bottom-left": "bottom left",
1296
- left: "left",
1297
- "top-left": "top left"
1298
- },
1299
- transitionDelay: {
1300
- 0: "0s",
1301
- 75: "75ms",
1302
- 100: "100ms",
1303
- 150: "150ms",
1304
- 200: "200ms",
1305
- 300: "300ms",
1306
- 500: "500ms",
1307
- 700: "700ms",
1308
- 1e3: "1000ms"
1309
- },
1310
- transitionDuration: {
1311
- DEFAULT: "150ms",
1312
- 0: "0s",
1313
- 75: "75ms",
1314
- 100: "100ms",
1315
- 150: "150ms",
1316
- 200: "200ms",
1317
- 300: "300ms",
1318
- 500: "500ms",
1319
- 700: "700ms",
1320
- 1e3: "1000ms"
1321
- },
1322
- transitionProperty: {
1323
- none: "none",
1324
- all: "all",
1325
- DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
1326
- colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
1327
- opacity: "opacity",
1328
- shadow: "box-shadow",
1329
- transform: "transform"
1330
- },
1331
- transitionTimingFunction: {
1332
- DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
1333
- linear: "linear",
1334
- in: "cubic-bezier(0.4, 0, 1, 1)",
1335
- out: "cubic-bezier(0, 0, 0.2, 1)",
1336
- "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
1337
- },
1338
- translate: ({ theme: e }) => ({
1339
- ...e("spacing"),
1340
- "1/2": "50%",
1341
- "1/3": "33.333333%",
1342
- "2/3": "66.666667%",
1343
- "1/4": "25%",
1344
- "2/4": "50%",
1345
- "3/4": "75%",
1346
- full: "100%"
1347
- }),
1348
- width: ({ theme: e }) => ({
1349
- auto: "auto",
1350
- ...e("spacing"),
1351
- "1/2": "50%",
1352
- "1/3": "33.333333%",
1353
- "2/3": "66.666667%",
1354
- "1/4": "25%",
1355
- "2/4": "50%",
1356
- "3/4": "75%",
1357
- "1/5": "20%",
1358
- "2/5": "40%",
1359
- "3/5": "60%",
1360
- "4/5": "80%",
1361
- "1/6": "16.666667%",
1362
- "2/6": "33.333333%",
1363
- "3/6": "50%",
1364
- "4/6": "66.666667%",
1365
- "5/6": "83.333333%",
1366
- "1/12": "8.333333%",
1367
- "2/12": "16.666667%",
1368
- "3/12": "25%",
1369
- "4/12": "33.333333%",
1370
- "5/12": "41.666667%",
1371
- "6/12": "50%",
1372
- "7/12": "58.333333%",
1373
- "8/12": "66.666667%",
1374
- "9/12": "75%",
1375
- "10/12": "83.333333%",
1376
- "11/12": "91.666667%",
1377
- full: "100%",
1378
- screen: "100vw",
1379
- min: "min-content",
1380
- max: "max-content",
1381
- fit: "fit-content"
1382
- }),
1383
- willChange: {
1384
- auto: "auto",
1385
- scroll: "scroll-position",
1386
- contents: "contents",
1387
- transform: "transform"
1388
- },
1389
- zIndex: {
1390
- auto: "auto",
1391
- 0: "0",
1392
- 10: "10",
1393
- 20: "20",
1394
- 30: "30",
1395
- 40: "40",
1396
- 50: "50"
1397
- }
1398
- },
1399
- plugins: []
1400
- };
1401
- (function(e) {
1402
- "use strict";
1403
- Object.defineProperty(e, "__esModule", {
1404
- value: !0
1405
- }), Object.defineProperty(e, "default", {
1406
- enumerable: !0,
1407
- get: function() {
1408
- return a;
1409
- }
1410
- });
1411
- const t = $, r = /* @__PURE__ */ n(pe);
1412
- function n(i) {
1413
- return i && i.__esModule ? i : {
1414
- default: i
1415
- };
1416
- }
1417
- const a = (0, t.cloneDeep)(r.default.theme);
1418
- })(D);
1419
- let w = D;
1420
- var me = (w.__esModule ? w : { default: w }).default;
1421
- const T = /* @__PURE__ */ I(me), ue = (e, t = "c-") => {
1422
- const r = l(e, "bodyTextLightColor", "#64748b"), n = l(e, "bodyTextDarkColor", "#94a3b8"), a = l(e, "bodyBgLightColor", "#FFFFFF"), i = l(e, "bodyBgDarkColor", "#0f172a");
1423
- return `${t}font-body ${t}antialiased ${t}text-[${r}] ${t}bg-[${a}] dark:${t}text-[${n}] dark:${t}bg-[${i}]`;
1424
- }, de = (e, t = "c-") => {
1425
- const n = e.replace(x, "").split(",").map((a) => a.split(" ").map((s) => {
1426
- if (s === "")
1427
- return "";
1428
- if (p(s, "hs-") || p(s, "[--") || p(s, "paddle"))
1429
- return s;
1430
- if (s.includes(":")) {
1431
- const c = s.split(":");
1432
- return c[c.length - 1] = t + q(c), c.join(":");
1433
- }
1434
- return `${t}${s}`;
1435
- }).join(" "));
1436
- return `${x}${n.join(" , ")}`;
1437
- }, ge = (e, t) => e.map((r) => {
1438
- const n = {};
1439
- return Object.keys(r).forEach((a) => {
1440
- X(r[a], x) && (n[a] = de(r[a], t));
1441
- }), n;
1442
- }), xe = (e, t, r = "c-") => {
1443
- const n = ue(t, r);
1444
- return fe(
1445
- t,
1446
- [Y(JSON.stringify(ge(e, r)), /#styles:/g, "")],
1447
- n.split(" ").concat(`${r}inline-block`, `${r}w-full`, `${r}h-full`)
1448
- );
1449
- }, ze = async (e, t = "c-") => {
1450
- const r = e.page.blocks;
1451
- return await xe(r, e.project.brandingOptions, t);
1452
- };
1453
- async function fe(e, t, r = [], n = "c-") {
1454
- const a = l(e, "primaryColor", "#000"), i = l(e, "secondaryColor", "#ccc"), o = l(e, "headingFont", "Inter"), s = l(e, "bodyFont", "Inter"), c = l(e, "roundedCorners", "0"), m = J({
1455
- colors: [a, i],
1456
- names: ["primary", "secondary"]
1457
- });
1458
- return d(m, "primary.DEFAULT", a), d(m, "secondary.DEFAULT", i), `${await G({
1459
- tailwindConfig: {
1460
- prefix: n,
1461
- darkMode: "class",
1462
- safelist: r,
1463
- theme: {
1464
- fontFamily: {
1465
- heading: [o, ...T.fontFamily.sans],
1466
- body: [s, ...T.fontFamily.sans]
1467
- },
1468
- extend: {
1469
- borderRadius: {
1470
- global: `${c || "0"}px`
1471
- },
1472
- colors: m
1473
- }
1474
- },
1475
- plugins: [K, Q, Z, ee],
1476
- corePlugins: { preflight: !1 }
1477
- }
1478
- }).generateStylesFromContent(
1479
- ` @tailwind components;
1480
- @tailwind utilities;`,
1481
- t
1482
- )} .${n}bg-clip-text{background-clip: text;-webkit-background-clip: text;} h1,h2,h3,h4,h5,h6{font-family: "${o}",${T.fontFamily.sans.join(
1483
- ", "
1484
- )};}`;
1485
- }
1486
- function De() {
394
+ function pe() {
1487
395
  return {
1488
396
  colors: {
1489
397
  border: "hsl(var(--border))",
@@ -1541,18 +449,18 @@ function De() {
1541
449
  }
1542
450
  };
1543
451
  }
1544
- const $e = (e) => ({ ...e }), Ee = (e) => ({ ...e });
452
+ const ue = (e) => ({ ...e }), me = (e) => ({ ...e });
1545
453
  export {
1546
- de as addPrefixToClasses,
1547
- De as chaiBuilderTheme,
1548
- U as cn,
1549
- Ae as convertArbitraryToTailwindClass,
1550
- E as generateUUID,
1551
- Le as getBlocksFromHTML,
1552
- xe as getBlocksTailwindCSS,
1553
- ue as getBrandingClasses,
1554
- Ie as getBreakpointValue,
1555
- ze as getStylesForPageData,
1556
- $e as selectable,
1557
- Ee as styling
454
+ fe as addPrefixToClasses,
455
+ pe as chaiBuilderTheme,
456
+ E as cn,
457
+ oe as convertArbitraryToTailwindClass,
458
+ C as generateUUID,
459
+ le as getBlocksFromHTML,
460
+ ye as getBlocksTailwindCSS,
461
+ _e as getBrandingClasses,
462
+ ge as getBreakpointValue,
463
+ be as getStylesForPageData,
464
+ ue as selectable,
465
+ me as styling
1558
466
  };