@makeswift/runtime 0.8.8 → 0.8.10

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 (251) hide show
  1. package/dist/Box.cjs.js +1 -2
  2. package/dist/Box.cjs.js.map +1 -1
  3. package/dist/Box.es.js +1 -2
  4. package/dist/Box.es.js.map +1 -1
  5. package/dist/Button.cjs.js +1 -2
  6. package/dist/Button.cjs.js.map +1 -1
  7. package/dist/Button.es.js +1 -2
  8. package/dist/Button.es.js.map +1 -1
  9. package/dist/Carousel.cjs.js +1 -2
  10. package/dist/Carousel.cjs.js.map +1 -1
  11. package/dist/Carousel.es.js +1 -2
  12. package/dist/Carousel.es.js.map +1 -1
  13. package/dist/Countdown.cjs.js +1 -2
  14. package/dist/Countdown.cjs.js.map +1 -1
  15. package/dist/Countdown.es.js +1 -2
  16. package/dist/Countdown.es.js.map +1 -1
  17. package/dist/Divider.cjs.js +1 -2
  18. package/dist/Divider.cjs.js.map +1 -1
  19. package/dist/Divider.es.js +1 -2
  20. package/dist/Divider.es.js.map +1 -1
  21. package/dist/Embed.cjs.js +1 -2
  22. package/dist/Embed.cjs.js.map +1 -1
  23. package/dist/Embed.es.js +1 -2
  24. package/dist/Embed.es.js.map +1 -1
  25. package/dist/Form.cjs.js +1 -2
  26. package/dist/Form.cjs.js.map +1 -1
  27. package/dist/Form.es.js +1 -2
  28. package/dist/Form.es.js.map +1 -1
  29. package/dist/Image.cjs.js +1 -2
  30. package/dist/Image.cjs.js.map +1 -1
  31. package/dist/Image.es.js +1 -2
  32. package/dist/Image.es.js.map +1 -1
  33. package/dist/LiveProvider.cjs.js +1 -2
  34. package/dist/LiveProvider.cjs.js.map +1 -1
  35. package/dist/LiveProvider.es.js +1 -2
  36. package/dist/LiveProvider.es.js.map +1 -1
  37. package/dist/Navigation.cjs.js +1 -2
  38. package/dist/Navigation.cjs.js.map +1 -1
  39. package/dist/Navigation.es.js +1 -2
  40. package/dist/Navigation.es.js.map +1 -1
  41. package/dist/PreviewProvider.cjs.js +1 -2
  42. package/dist/PreviewProvider.cjs.js.map +1 -1
  43. package/dist/PreviewProvider.es.js +2 -3
  44. package/dist/PreviewProvider.es.js.map +1 -1
  45. package/dist/ReadOnlyText.cjs.js +68 -56
  46. package/dist/ReadOnlyText.cjs.js.map +1 -1
  47. package/dist/ReadOnlyText.es.js +17 -5
  48. package/dist/ReadOnlyText.es.js.map +1 -1
  49. package/dist/ReadOnlyTextV2.cjs.js +318 -0
  50. package/dist/ReadOnlyTextV2.cjs.js.map +1 -0
  51. package/dist/ReadOnlyTextV2.es.js +314 -0
  52. package/dist/ReadOnlyTextV2.es.js.map +1 -0
  53. package/dist/Root.cjs.js +1 -2
  54. package/dist/Root.cjs.js.map +1 -1
  55. package/dist/Root.es.js +1 -2
  56. package/dist/Root.es.js.map +1 -1
  57. package/dist/SocialLinks.cjs.js +1 -2
  58. package/dist/SocialLinks.cjs.js.map +1 -1
  59. package/dist/SocialLinks.es.js +1 -2
  60. package/dist/SocialLinks.es.js.map +1 -1
  61. package/dist/Text.cjs.js +2 -3
  62. package/dist/Text.cjs.js.map +1 -1
  63. package/dist/Text.es.js +2 -3
  64. package/dist/Text.es.js.map +1 -1
  65. package/dist/Video.cjs.js +1 -2
  66. package/dist/Video.cjs.js.map +1 -1
  67. package/dist/Video.es.js +1 -2
  68. package/dist/Video.es.js.map +1 -1
  69. package/dist/actions.cjs.js.map +1 -1
  70. package/dist/actions.es.js.map +1 -1
  71. package/dist/builder.cjs.js +1 -2
  72. package/dist/builder.cjs.js.map +1 -1
  73. package/dist/builder.es.js +1 -2
  74. package/dist/builder.es.js.map +1 -1
  75. package/dist/components.cjs.js +1 -2
  76. package/dist/components.cjs.js.map +1 -1
  77. package/dist/components.es.js +1 -2
  78. package/dist/components.es.js.map +1 -1
  79. package/dist/constants.cjs.js.map +1 -1
  80. package/dist/constants.es.js.map +1 -1
  81. package/dist/control-serialization.cjs.js +0 -2
  82. package/dist/control-serialization.cjs.js.map +1 -1
  83. package/dist/control-serialization.es.js +0 -2
  84. package/dist/control-serialization.es.js.map +1 -1
  85. package/dist/controls.cjs.js +6 -6
  86. package/dist/controls.es.js +2 -3
  87. package/dist/controls.es.js.map +1 -1
  88. package/dist/descriptors.cjs.js +112 -87
  89. package/dist/descriptors.cjs.js.map +1 -1
  90. package/dist/descriptors.es.js +87 -63
  91. package/dist/descriptors.es.js.map +1 -1
  92. package/dist/element.cjs.js +55 -0
  93. package/dist/element.cjs.js.map +1 -0
  94. package/dist/element.es.js +54 -0
  95. package/dist/element.es.js.map +1 -0
  96. package/dist/index.cjs.js +35 -6
  97. package/dist/index.cjs.js.map +1 -1
  98. package/dist/index.cjs2.js +0 -2
  99. package/dist/index.cjs2.js.map +1 -1
  100. package/dist/index.cjs5.js +48 -82
  101. package/dist/index.cjs5.js.map +1 -1
  102. package/dist/index.cjs6.js +41 -40
  103. package/dist/index.cjs6.js.map +1 -1
  104. package/dist/index.cjs7.js +14 -336
  105. package/dist/index.cjs7.js.map +1 -1
  106. package/dist/index.cjs8.js +209 -0
  107. package/dist/index.cjs8.js.map +1 -0
  108. package/dist/index.cjs9.js +370 -0
  109. package/dist/index.cjs9.js.map +1 -0
  110. package/dist/index.es.js +32 -7
  111. package/dist/index.es.js.map +1 -1
  112. package/dist/index.es2.js +0 -2
  113. package/dist/index.es2.js.map +1 -1
  114. package/dist/index.es5.js +19 -54
  115. package/dist/index.es5.js.map +1 -1
  116. package/dist/index.es6.js +36 -38
  117. package/dist/index.es6.js.map +1 -1
  118. package/dist/index.es7.js +13 -331
  119. package/dist/index.es7.js.map +1 -1
  120. package/dist/index.es8.js +202 -0
  121. package/dist/index.es8.js.map +1 -0
  122. package/dist/index.es9.js +363 -0
  123. package/dist/index.es9.js.map +1 -0
  124. package/dist/introspection.cjs.js +0 -2
  125. package/dist/introspection.cjs.js.map +1 -1
  126. package/dist/introspection.es.js +0 -2
  127. package/dist/introspection.es.js.map +1 -1
  128. package/dist/leaf.cjs.js.map +1 -1
  129. package/dist/leaf.es.js.map +1 -1
  130. package/dist/main.cjs.js +1 -2
  131. package/dist/main.cjs.js.map +1 -1
  132. package/dist/main.es.js +1 -2
  133. package/dist/main.es.js.map +1 -1
  134. package/dist/next.cjs.js +1 -2
  135. package/dist/next.cjs.js.map +1 -1
  136. package/dist/next.es.js +1 -2
  137. package/dist/next.es.js.map +1 -1
  138. package/dist/prop-controllers.cjs.js +1 -2
  139. package/dist/prop-controllers.cjs.js.map +1 -1
  140. package/dist/prop-controllers.es.js +1 -2
  141. package/dist/prop-controllers.es.js.map +1 -1
  142. package/dist/react.cjs.js +1 -2
  143. package/dist/react.cjs.js.map +1 -1
  144. package/dist/react.es.js +1 -2
  145. package/dist/react.es.js.map +1 -1
  146. package/dist/slate.cjs.js +8 -3
  147. package/dist/slate.cjs.js.map +1 -1
  148. package/dist/slate.cjs2.js +46 -0
  149. package/dist/slate.cjs2.js.map +1 -0
  150. package/dist/slate.es.js +6 -4
  151. package/dist/slate.es.js.map +1 -1
  152. package/dist/slate.es2.js +44 -0
  153. package/dist/slate.es2.js.map +1 -0
  154. package/dist/types/src/components/builtin/Button/Button.d.ts +1 -1
  155. package/dist/types/src/components/builtin/Form/components/Field/components/Checkbox/index.d.ts +1 -1
  156. package/dist/types/src/components/builtin/Text/EditableText/editable-text.d.ts.map +1 -1
  157. package/dist/types/src/components/builtin/Text/ReadOnlyText.d.ts +2 -1
  158. package/dist/types/src/components/builtin/Text/ReadOnlyText.d.ts.map +1 -1
  159. package/dist/types/src/components/builtin/Text/components/Element/block.d.ts +1 -1
  160. package/dist/types/src/components/builtin/Text/components/Element/block.d.ts.map +1 -1
  161. package/dist/types/src/components/builtin/Text/components/Element/inline.d.ts +1 -1
  162. package/dist/types/src/components/builtin/Text/components/Element/inline.d.ts.map +1 -1
  163. package/dist/types/src/components/builtin/Text/components/Leaf/leaf.d.ts +1 -1
  164. package/dist/types/src/components/builtin/Text/components/Leaf/leaf.d.ts.map +1 -1
  165. package/dist/types/src/controls/control.d.ts +2 -1
  166. package/dist/types/src/controls/control.d.ts.map +1 -1
  167. package/dist/types/src/controls/index.d.ts +1 -0
  168. package/dist/types/src/controls/index.d.ts.map +1 -1
  169. package/dist/types/src/controls/list.d.ts +2 -1
  170. package/dist/types/src/controls/list.d.ts.map +1 -1
  171. package/dist/types/src/controls/rich-text/dto-types.d.ts +1 -1
  172. package/dist/types/src/controls/rich-text/dto-types.d.ts.map +1 -1
  173. package/dist/types/src/controls/rich-text/index.d.ts +0 -1
  174. package/dist/types/src/controls/rich-text/index.d.ts.map +1 -1
  175. package/dist/types/src/controls/rich-text/rich-text.d.ts +1 -1
  176. package/dist/types/src/controls/rich-text/rich-text.d.ts.map +1 -1
  177. package/dist/types/src/controls/rich-text/translation.d.ts +1 -1
  178. package/dist/types/src/controls/rich-text/translation.d.ts.map +1 -1
  179. package/dist/types/src/controls/rich-text-v2/index.d.ts +2 -0
  180. package/dist/types/src/controls/rich-text-v2/index.d.ts.map +1 -0
  181. package/dist/types/src/controls/rich-text-v2/rich-text-v2.d.ts +79 -0
  182. package/dist/types/src/controls/rich-text-v2/rich-text-v2.d.ts.map +1 -0
  183. package/dist/types/src/controls/shape.d.ts +2 -1
  184. package/dist/types/src/controls/shape.d.ts.map +1 -1
  185. package/dist/types/src/controls/slot.d.ts +1 -1
  186. package/dist/types/src/controls/slot.d.ts.map +1 -1
  187. package/dist/types/src/controls/style.d.ts +2 -1
  188. package/dist/types/src/controls/style.d.ts.map +1 -1
  189. package/dist/types/src/prop-controllers/base.d.ts +7 -0
  190. package/dist/types/src/prop-controllers/base.d.ts.map +1 -0
  191. package/dist/types/src/prop-controllers/descriptors.d.ts +4 -3
  192. package/dist/types/src/prop-controllers/descriptors.d.ts.map +1 -1
  193. package/dist/types/src/prop-controllers/instances.d.ts +6 -8
  194. package/dist/types/src/prop-controllers/instances.d.ts.map +1 -1
  195. package/dist/types/src/runtimes/react/controls/control.d.ts +3 -2
  196. package/dist/types/src/runtimes/react/controls/control.d.ts.map +1 -1
  197. package/dist/types/src/runtimes/react/controls/rich-text-v2/EditableTextV2/editable-text-v2.d.ts +13 -0
  198. package/dist/types/src/runtimes/react/controls/rich-text-v2/EditableTextV2/editable-text-v2.d.ts.map +1 -0
  199. package/dist/types/src/runtimes/react/controls/rich-text-v2/EditableTextV2/index.d.ts +4 -0
  200. package/dist/types/src/runtimes/react/controls/rich-text-v2/EditableTextV2/index.d.ts.map +1 -0
  201. package/dist/types/src/runtimes/react/controls/rich-text-v2/EditableTextV2/useSyncDOMSelection.d.ts +9 -0
  202. package/dist/types/src/runtimes/react/controls/rich-text-v2/EditableTextV2/useSyncDOMSelection.d.ts.map +1 -0
  203. package/dist/types/src/runtimes/react/controls/rich-text-v2/ReadOnlyTextV2.d.ts +21 -0
  204. package/dist/types/src/runtimes/react/controls/rich-text-v2/ReadOnlyTextV2.d.ts.map +1 -0
  205. package/dist/types/src/runtimes/react/controls/rich-text-v2/index.d.ts +2 -0
  206. package/dist/types/src/runtimes/react/controls/rich-text-v2/index.d.ts.map +1 -0
  207. package/dist/types/src/runtimes/react/controls/rich-text-v2/rich-text-v2.d.ts +8 -0
  208. package/dist/types/src/runtimes/react/controls/rich-text-v2/rich-text-v2.d.ts.map +1 -0
  209. package/dist/types/src/runtimes/react/controls.d.ts.map +1 -1
  210. package/dist/types/src/slate/BlockPlugin/index.d.ts +1 -1
  211. package/dist/types/src/slate/BlockPlugin/index.d.ts.map +1 -1
  212. package/dist/types/src/slate/BlockPlugin/types.d.ts +1 -1
  213. package/dist/types/src/slate/BlockPlugin/types.d.ts.map +1 -1
  214. package/dist/types/src/slate/BlockPlugin/unwrapInline.d.ts +1 -1
  215. package/dist/types/src/slate/BlockPlugin/unwrapInline.d.ts.map +1 -1
  216. package/dist/types/src/slate/BlockPlugin/wrapInline.d.ts +1 -1
  217. package/dist/types/src/slate/BlockPlugin/wrapInline.d.ts.map +1 -1
  218. package/dist/types/src/slate/BuilderPlugin/index.d.ts +7 -0
  219. package/dist/types/src/slate/BuilderPlugin/index.d.ts.map +1 -0
  220. package/dist/types/src/slate/InlineModePlugin/index.d.ts +5 -0
  221. package/dist/types/src/slate/InlineModePlugin/index.d.ts.map +1 -0
  222. package/dist/types/src/slate/ListPlugin/index.d.ts +1 -1
  223. package/dist/types/src/slate/ListPlugin/index.d.ts.map +1 -1
  224. package/dist/types/src/slate/ListPlugin/toggleList.d.ts +1 -1
  225. package/dist/types/src/slate/ListPlugin/toggleList.d.ts.map +1 -1
  226. package/dist/types/src/slate/ListPlugin/wrapList.d.ts +1 -1
  227. package/dist/types/src/slate/ListPlugin/wrapList.d.ts.map +1 -1
  228. package/dist/types/src/slate/TypographyPlugin/detachActiveTypography.d.ts +1 -1
  229. package/dist/types/src/slate/TypographyPlugin/detachActiveTypography.d.ts.map +1 -1
  230. package/dist/types/src/slate/TypographyPlugin/index.d.ts +1 -1
  231. package/dist/types/src/slate/TypographyPlugin/index.d.ts.map +1 -1
  232. package/dist/types/src/slate/TypographyPlugin/setActiveTypographyStyle.d.ts.map +1 -1
  233. package/dist/types/src/slate/index.d.ts +2 -0
  234. package/dist/types/src/slate/index.d.ts.map +1 -1
  235. package/dist/types/src/slate/selectors.d.ts +1 -1
  236. package/dist/types/src/slate/selectors.d.ts.map +1 -1
  237. package/dist/types/src/slate/utils/editor.d.ts +1 -1
  238. package/dist/types/src/slate/utils/editor.d.ts.map +1 -1
  239. package/dist/types/src/slate/utils/element.d.ts +1 -1
  240. package/dist/types/src/slate/utils/element.d.ts.map +1 -1
  241. package/dist/types/src/state/actions.d.ts +2 -1
  242. package/dist/types/src/state/actions.d.ts.map +1 -1
  243. package/dist/types/src/state/modules/prop-controller-handles.d.ts +2 -1
  244. package/dist/types/src/state/modules/prop-controller-handles.d.ts.map +1 -1
  245. package/dist/types/src/state/react-builder-preview.d.ts.map +1 -1
  246. package/dist/types/src/state/react-page.d.ts +1 -1
  247. package/dist/types/src/state/react-page.d.ts.map +1 -1
  248. package/dist/types/{src/controls/rich-text/types.d.ts → types/slate.d.ts} +28 -18
  249. package/dist/types/types/slate.d.ts.map +1 -0
  250. package/package.json +2 -1
  251. package/dist/types/src/controls/rich-text/types.d.ts.map +0 -1
@@ -0,0 +1,314 @@
1
+ import { cx } from "@emotion/css";
2
+ import { forwardRef } from "react";
3
+ import { n as useStyle, o as useResponsiveStyle } from "./index.es.js";
4
+ import { B as BlockType, I as InlineType } from "./slate.es2.js";
5
+ import { jsx, Fragment } from "react/jsx-runtime";
6
+ import { L as Link } from "./index.es3.js";
7
+ import { u as useEnhancedTypography, a as useTypographyClassName } from "./leaf.es.js";
8
+ import "use-sync-external-store/shim/with-selector";
9
+ import "next/dynamic";
10
+ import "./constants.es.js";
11
+ import "redux";
12
+ import "redux-thunk";
13
+ import "./actions.es.js";
14
+ import "./descriptors.es.js";
15
+ import "./state/breakpoints.es.js";
16
+ import "./introspection.es.js";
17
+ import "@emotion/serialize";
18
+ import "@emotion/utils";
19
+ import "./text-input.es.js";
20
+ import "./combobox.es.js";
21
+ import "use-sync-external-store/shim";
22
+ import "./types.es.js";
23
+ import "./box-models.es.js";
24
+ import "css-box-model";
25
+ import "color";
26
+ import "scroll-into-view-if-needed";
27
+ import "react-dom";
28
+ import "html-react-parser";
29
+ import "next/head";
30
+ import "@emotion/server/create-instance";
31
+ import "next/document";
32
+ import "cors";
33
+ import "path-to-regexp";
34
+ import "cookie";
35
+ import "http-proxy";
36
+ import "set-cookie-parser";
37
+ import "uuid";
38
+ import "corporate-ipsum";
39
+ import "next/link";
40
+ const ReadOnlyTextV2 = forwardRef(function ReadOnlyText({
41
+ text: descendants
42
+ }, ref) {
43
+ const descendantsAsString = getText(descendants);
44
+ return /* @__PURE__ */ jsx("div", {
45
+ ref,
46
+ children: descendantsAsString === "" ? /* @__PURE__ */ jsx(Placeholder, {}) : /* @__PURE__ */ jsx(Descendants, {
47
+ descendants
48
+ })
49
+ });
50
+ });
51
+ function Placeholder({
52
+ text = "Write some text..."
53
+ }) {
54
+ return /* @__PURE__ */ jsx("span", {
55
+ className: useStyle({
56
+ display: "inline-block",
57
+ width: 0,
58
+ maxWidth: "100%",
59
+ whiteSpace: "nowrap",
60
+ opacity: 0.333,
61
+ verticalAlign: "text-top"
62
+ }),
63
+ children: text
64
+ });
65
+ }
66
+ function TextElement({
67
+ descendant
68
+ }) {
69
+ const enhancedTypography = useEnhancedTypography(descendant.typography);
70
+ const typographyClassName = useTypographyClassName(enhancedTypography);
71
+ return /* @__PURE__ */ jsx("span", {
72
+ className: typographyClassName,
73
+ children: descendant.text === "" ? "\uFEFF" : descendant.text
74
+ });
75
+ }
76
+ function InlineElement({
77
+ descendant
78
+ }) {
79
+ const linkClassName = useStyle({
80
+ textDecoration: "none"
81
+ });
82
+ switch (descendant.type) {
83
+ case InlineType.Code:
84
+ return /* @__PURE__ */ jsx("code", {
85
+ children: /* @__PURE__ */ jsx(Descendants, {
86
+ descendants: descendant.children
87
+ })
88
+ });
89
+ case InlineType.SuperScript:
90
+ return /* @__PURE__ */ jsx("sup", {
91
+ children: /* @__PURE__ */ jsx(Descendants, {
92
+ descendants: descendant.children
93
+ })
94
+ });
95
+ case InlineType.SubScript:
96
+ return /* @__PURE__ */ jsx("sub", {
97
+ children: /* @__PURE__ */ jsx(Descendants, {
98
+ descendants: descendant.children
99
+ })
100
+ });
101
+ case InlineType.Link:
102
+ return /* @__PURE__ */ jsx(Link, {
103
+ className: linkClassName,
104
+ link: descendant.link,
105
+ children: /* @__PURE__ */ jsx(Descendants, {
106
+ descendants: descendant.children
107
+ })
108
+ });
109
+ }
110
+ }
111
+ function BlockElement({
112
+ descendant
113
+ }) {
114
+ const blockStyles = [useStyle({
115
+ margin: 0
116
+ }), useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = "left"]) => ({
117
+ textAlign
118
+ })))];
119
+ switch (descendant.type) {
120
+ case BlockType.Text:
121
+ return /* @__PURE__ */ jsx("span", {
122
+ className: cx(...blockStyles),
123
+ children: /* @__PURE__ */ jsx(Descendants, {
124
+ descendants: descendant.children
125
+ })
126
+ });
127
+ case BlockType.Paragraph:
128
+ return /* @__PURE__ */ jsx("p", {
129
+ className: cx(...blockStyles),
130
+ children: /* @__PURE__ */ jsx(Descendants, {
131
+ descendants: descendant.children
132
+ })
133
+ });
134
+ case BlockType.Heading1:
135
+ return /* @__PURE__ */ jsx("h1", {
136
+ className: cx(...blockStyles),
137
+ children: /* @__PURE__ */ jsx(Descendants, {
138
+ descendants: descendant.children
139
+ })
140
+ });
141
+ case BlockType.Heading2:
142
+ return /* @__PURE__ */ jsx("h2", {
143
+ className: cx(...blockStyles),
144
+ children: /* @__PURE__ */ jsx(Descendants, {
145
+ descendants: descendant.children
146
+ })
147
+ });
148
+ case BlockType.Heading3:
149
+ return /* @__PURE__ */ jsx("h3", {
150
+ className: cx(...blockStyles),
151
+ children: /* @__PURE__ */ jsx(Descendants, {
152
+ descendants: descendant.children
153
+ })
154
+ });
155
+ case BlockType.Heading4:
156
+ return /* @__PURE__ */ jsx("h4", {
157
+ className: cx(...blockStyles),
158
+ children: /* @__PURE__ */ jsx(Descendants, {
159
+ descendants: descendant.children
160
+ })
161
+ });
162
+ case BlockType.Heading5:
163
+ return /* @__PURE__ */ jsx("h5", {
164
+ className: cx(...blockStyles),
165
+ children: /* @__PURE__ */ jsx(Descendants, {
166
+ descendants: descendant.children
167
+ })
168
+ });
169
+ case BlockType.Heading6:
170
+ return /* @__PURE__ */ jsx("h6", {
171
+ className: cx(...blockStyles),
172
+ children: /* @__PURE__ */ jsx(Descendants, {
173
+ descendants: descendant.children
174
+ })
175
+ });
176
+ case BlockType.BlockQuote:
177
+ return /* @__PURE__ */ jsx("blockquote", {
178
+ className: cx(...blockStyles, useStyle({
179
+ padding: "0.5em 10px",
180
+ fontSize: "1.25em",
181
+ fontWeight: "300",
182
+ borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
183
+ })),
184
+ children: /* @__PURE__ */ jsx(Descendants, {
185
+ descendants: descendant.children
186
+ })
187
+ });
188
+ case BlockType.OrderedList:
189
+ return /* @__PURE__ */ jsx("ol", {
190
+ className: cx(...blockStyles),
191
+ style: {
192
+ listStylePosition: "inside"
193
+ },
194
+ children: /* @__PURE__ */ jsx(Descendants, {
195
+ descendants: descendant.children
196
+ })
197
+ });
198
+ case BlockType.UnorderedList:
199
+ return /* @__PURE__ */ jsx("ul", {
200
+ className: cx(...blockStyles),
201
+ style: {
202
+ listStylePosition: "inside"
203
+ },
204
+ children: /* @__PURE__ */ jsx(Descendants, {
205
+ descendants: descendant.children
206
+ })
207
+ });
208
+ case BlockType.ListItem:
209
+ return /* @__PURE__ */ jsx("li", {
210
+ className: cx(...blockStyles),
211
+ children: /* @__PURE__ */ jsx(Descendants, {
212
+ descendants: descendant.children
213
+ })
214
+ });
215
+ case BlockType.ListItemChild:
216
+ return /* @__PURE__ */ jsx("span", {
217
+ className: cx(...blockStyles),
218
+ children: /* @__PURE__ */ jsx(Descendants, {
219
+ descendants: descendant.children
220
+ })
221
+ });
222
+ }
223
+ }
224
+ function isText(node) {
225
+ if (typeof node === "object" && "text" in node)
226
+ return true;
227
+ return false;
228
+ }
229
+ function Descendants({
230
+ descendants
231
+ }) {
232
+ return /* @__PURE__ */ jsx(Fragment, {
233
+ children: descendants.map((descendant, index) => {
234
+ if (isText(descendant)) {
235
+ return /* @__PURE__ */ jsx(TextElement, {
236
+ descendant
237
+ }, index);
238
+ }
239
+ switch (descendant.type) {
240
+ case InlineType.Link:
241
+ case InlineType.Code:
242
+ case InlineType.SubScript:
243
+ case InlineType.SuperScript:
244
+ return /* @__PURE__ */ jsx(InlineElement, {
245
+ descendant
246
+ }, index);
247
+ case BlockType.Heading1:
248
+ case BlockType.Heading2:
249
+ case BlockType.Heading3:
250
+ case BlockType.BlockQuote:
251
+ case BlockType.Text:
252
+ case BlockType.Paragraph:
253
+ case BlockType.OrderedList:
254
+ case BlockType.UnorderedList:
255
+ case BlockType.ListItem:
256
+ case BlockType.ListItemChild:
257
+ return /* @__PURE__ */ jsx(BlockElement, {
258
+ descendant
259
+ }, index);
260
+ default:
261
+ return null;
262
+ }
263
+ })
264
+ });
265
+ }
266
+ function isBlock(descendant) {
267
+ if (isText(descendant))
268
+ return false;
269
+ switch (descendant.type) {
270
+ case BlockType.Heading1:
271
+ case BlockType.Heading2:
272
+ case BlockType.Heading3:
273
+ case BlockType.BlockQuote:
274
+ case BlockType.Paragraph:
275
+ case BlockType.OrderedList:
276
+ case BlockType.UnorderedList:
277
+ case BlockType.ListItem:
278
+ case BlockType.ListItemChild:
279
+ case BlockType.Text:
280
+ return true;
281
+ default:
282
+ return false;
283
+ }
284
+ }
285
+ function getTextByDescendant(descendant) {
286
+ var _a, _b, _c;
287
+ if (isText(descendant)) {
288
+ return (_a = descendant.text) != null ? _a : "";
289
+ }
290
+ switch (descendant.type) {
291
+ case InlineType.Link:
292
+ case InlineType.Code:
293
+ case InlineType.SubScript:
294
+ case InlineType.SuperScript:
295
+ return (_b = descendant.children.map((descendant2) => getTextByDescendant(descendant2)).join("")) != null ? _b : "";
296
+ case BlockType.Heading1:
297
+ case BlockType.Heading2:
298
+ case BlockType.Heading3:
299
+ case BlockType.BlockQuote:
300
+ case BlockType.Paragraph:
301
+ case BlockType.OrderedList:
302
+ case BlockType.UnorderedList:
303
+ case BlockType.ListItem:
304
+ case BlockType.ListItemChild:
305
+ return (_c = descendant.children.map((descendant2) => getTextByDescendant(descendant2)).join(descendant.children.every(isBlock) ? "\n" : "")) != null ? _c : "";
306
+ default:
307
+ return "";
308
+ }
309
+ }
310
+ function getText(descendant) {
311
+ return descendant.map(getTextByDescendant).join("\n");
312
+ }
313
+ export { BlockElement, TextElement, ReadOnlyTextV2 as default };
314
+ //# sourceMappingURL=ReadOnlyTextV2.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ReadOnlyTextV2.es.js","sources":["../src/runtimes/react/controls/rich-text-v2/ReadOnlyTextV2.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { useTypographyClassName } from '../../../../components/builtin/Text/components'\nimport useEnhancedTypography from '../../../../components/builtin/Text/components/Leaf/leaf'\nimport { useResponsiveStyle } from '../../../../components/utils/responsive-style'\nimport { RichTextV2ControlData } from '../../../../controls'\nimport { useStyle } from '../../use-style'\nimport { Descendant, Text } from 'slate'\nimport { Link } from '../../../../components/shared/Link'\nimport { Inline, InlineType, Block, BlockType } from '../../../../../types/slate'\n\ntype Props = {\n text: RichTextV2ControlData\n}\n\nconst ReadOnlyTextV2 = forwardRef(function ReadOnlyText(\n { text: descendants }: Props,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const descendantsAsString = getText(descendants)\n\n return (\n <div ref={ref}>\n {descendantsAsString === '' ? <Placeholder /> : <Descendants descendants={descendants} />}\n </div>\n )\n})\n\nexport default ReadOnlyTextV2\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n return (\n <span\n className={useStyle({\n display: 'inline-block',\n width: 0,\n maxWidth: '100%',\n whiteSpace: 'nowrap',\n opacity: 0.333,\n verticalAlign: 'text-top',\n })}\n >\n {text}\n </span>\n )\n}\n\nexport interface TextProps {\n descendant: Text\n}\n\nexport function TextElement({ descendant }: TextProps) {\n const enhancedTypography = useEnhancedTypography(descendant.typography)\n const typographyClassName = useTypographyClassName(enhancedTypography)\n\n return (\n <span className={typographyClassName}>\n {descendant.text === '' ? '\\uFEFF' : descendant.text}\n </span>\n )\n}\n\nexport interface InlineProps {\n descendant: Inline\n}\n\nfunction InlineElement({ descendant }: InlineProps) {\n const linkClassName = useStyle({ textDecoration: 'none' })\n\n switch (descendant.type) {\n case InlineType.Code:\n return (\n <code>\n <Descendants descendants={descendant.children} />\n </code>\n )\n\n case InlineType.SuperScript:\n return (\n <sup>\n <Descendants descendants={descendant.children} />\n </sup>\n )\n\n case InlineType.SubScript:\n return (\n <sub>\n <Descendants descendants={descendant.children} />\n </sub>\n )\n\n case InlineType.Link:\n return (\n <Link className={linkClassName} link={descendant.link}>\n <Descendants descendants={descendant.children} />\n </Link>\n )\n }\n}\n\nexport interface BlockProps {\n descendant: Block\n}\n\nexport function BlockElement({ descendant }: BlockProps) {\n const blockStyles = [\n useStyle({ margin: 0 }),\n useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n ]\n\n switch (descendant.type) {\n case BlockType.Text:\n return (\n <span className={cx(...blockStyles)}>\n <Descendants descendants={descendant.children} />\n </span>\n )\n case BlockType.Paragraph:\n return (\n <p className={cx(...blockStyles)}>\n <Descendants descendants={descendant.children} />\n </p>\n )\n case BlockType.Heading1:\n return (\n <h1 className={cx(...blockStyles)}>\n <Descendants descendants={descendant.children} />\n </h1>\n )\n case BlockType.Heading2:\n return (\n <h2 className={cx(...blockStyles)}>\n <Descendants descendants={descendant.children} />\n </h2>\n )\n case BlockType.Heading3:\n return (\n <h3 className={cx(...blockStyles)}>\n <Descendants descendants={descendant.children} />\n </h3>\n )\n case BlockType.Heading4:\n return (\n <h4 className={cx(...blockStyles)}>\n <Descendants descendants={descendant.children} />\n </h4>\n )\n case BlockType.Heading5:\n return (\n <h5 className={cx(...blockStyles)}>\n <Descendants descendants={descendant.children} />\n </h5>\n )\n case BlockType.Heading6:\n return (\n <h6 className={cx(...blockStyles)}>\n <Descendants descendants={descendant.children} />\n </h6>\n )\n case BlockType.BlockQuote:\n return (\n <blockquote\n className={cx(\n ...blockStyles,\n useStyle({\n padding: '0.5em 10px',\n fontSize: '1.25em',\n fontWeight: '300',\n borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n }),\n )}\n >\n <Descendants descendants={descendant.children} />\n </blockquote>\n )\n case BlockType.OrderedList:\n return (\n <ol className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n <Descendants descendants={descendant.children} />\n </ol>\n )\n case BlockType.UnorderedList:\n return (\n <ul className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n <Descendants descendants={descendant.children} />\n </ul>\n )\n case BlockType.ListItem:\n return (\n <li className={cx(...blockStyles)}>\n <Descendants descendants={descendant.children} />\n </li>\n )\n case BlockType.ListItemChild:\n return (\n <span className={cx(...blockStyles)}>\n <Descendants descendants={descendant.children} />\n </span>\n )\n }\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: any): node is Text {\n if (typeof node === 'object' && 'text' in node) return true\n\n return false\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n return (\n <>\n {descendants.map((descendant, index) => {\n if (isText(descendant)) {\n return <TextElement key={index} descendant={descendant} />\n }\n\n switch (descendant.type) {\n case InlineType.Link:\n case InlineType.Code:\n case InlineType.SubScript:\n case InlineType.SuperScript:\n return <InlineElement key={index} descendant={descendant} />\n case BlockType.Heading1:\n case BlockType.Heading2:\n case BlockType.Heading3:\n case BlockType.BlockQuote:\n case BlockType.Text:\n case BlockType.Paragraph:\n case BlockType.OrderedList:\n case BlockType.UnorderedList:\n case BlockType.ListItem:\n case BlockType.ListItemChild:\n return <BlockElement key={index} descendant={descendant} />\n default:\n return null\n }\n })}\n </>\n )\n}\n\nfunction isBlock(descendant: Descendant): descendant is Block {\n if (isText(descendant)) return false\n\n switch (descendant.type) {\n case BlockType.Heading1:\n case BlockType.Heading2:\n case BlockType.Heading3:\n case BlockType.BlockQuote:\n case BlockType.Paragraph:\n case BlockType.OrderedList:\n case BlockType.UnorderedList:\n case BlockType.ListItem:\n case BlockType.ListItemChild:\n case BlockType.Text:\n return true\n\n default:\n return false\n }\n}\n\nfunction getTextByDescendant(descendant: Descendant): string {\n if (isText(descendant)) {\n return descendant.text ?? ''\n }\n\n switch (descendant.type) {\n case InlineType.Link:\n case InlineType.Code:\n case InlineType.SubScript:\n case InlineType.SuperScript:\n return descendant.children.map(descendant => getTextByDescendant(descendant)).join('') ?? ''\n case BlockType.Heading1:\n case BlockType.Heading2:\n case BlockType.Heading3:\n case BlockType.BlockQuote:\n case BlockType.Paragraph:\n case BlockType.OrderedList:\n case BlockType.UnorderedList:\n case BlockType.ListItem:\n case BlockType.ListItemChild:\n return (\n descendant.children\n .map(descendant => getTextByDescendant(descendant))\n .join(descendant.children.every(isBlock) ? '\\n' : '') ?? ''\n )\n default:\n return ''\n }\n}\n\nfunction getText(descendant: Descendant[]): string {\n return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"names":["ReadOnlyTextV2","forwardRef","text","descendants","ref","descendantsAsString","getText","_jsx","useStyle","display","width","maxWidth","whiteSpace","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","blockStyles","margin","useResponsiveStyle","textAlign","BlockType","Text","cx","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","padding","fontSize","fontWeight","borderLeft","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","node","_Fragment","map","index","isText","getTextByDescendant","join","every","isBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeMA,MAAAA,iBAAiBC,WAAW,sBAChC;AAAA,EAAEC,MAAMC;AAAAA,GACRC,KACA;AACMC,QAAAA,sBAAsBC,QAAQH,WAAD;AAGjC,6BAAA,OAAA;AAAA,IAAK;AAAA,IACFE,UAAAA,wBAAwB,KAAKE,oBAAC,aAAD,EAAA,IAAkBA,oBAAC,aAAD;AAAA,MAAa;AAAA,IAAA,CAAb;AAAA,EAAA,CAFpD;AAKD,CAXgC;AAejC,qBAAqB;AAAA,EAAEL,OAAO;AAAA,GAA2C;AAErE,6BAAA,QAAA;AAAA,IACE,WAAWM,SAAS;AAAA,MAClBC,SAAS;AAAA,MACTC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVC,YAAY;AAAA,MACZC,SAAS;AAAA,MACTC,eAAe;AAAA,IAAA,CANE;AAAA,IASlBZ,UAAAA;AAAAA,EAAAA,CAXL;AAcD;AAM2B,qBAAA;AAAA,EAAEa;AAAAA,GAAyB;AAC/CC,QAAAA,qBAAqBC,sBAAsBF,WAAWG,UAAZ;AAC1CC,QAAAA,sBAAsBC,uBAAuBJ,kBAAD;AAGhD,6BAAA,QAAA;AAAA,IAAM,WAAWG;AAAAA,IACdJ,UAAAA,WAAWb,SAAS,KAAK,WAAWa,WAAWb;AAAAA,EAAAA,CAFpD;AAKD;AAMD,uBAAuB;AAAA,EAAEa;AAAAA,GAA2B;AAC5CM,QAAAA,gBAAgBb,SAAS;AAAA,IAAEc,gBAAgB;AAAA,EAAA,CAAnB;AAEtBP,UAAAA,WAAWQ;AAAAA,SACZC,WAAWC;AAEZ,iCAAA,QAAA;AAAA,QAAA,8BACG,aAAD;AAAA,UAAa,aAAaV,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAMGF,WAAWG;AAEZ,iCAAA,OAAA;AAAA,QAAA,8BACG,aAAD;AAAA,UAAa,aAAaZ,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAMGF,WAAWI;AAEZ,iCAAA,OAAA;AAAA,QAAA,8BACG,aAAD;AAAA,UAAa,aAAab,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAMGF,WAAWK;AACd,iCACG,MAAD;AAAA,QAAM,WAAWR;AAAAA,QAAe,MAAMN,WAAWe;AAAAA,QAAjD,8BACG,aAAD;AAAA,UAAa,aAAaf,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA;AAML;AAM4B,sBAAA;AAAA,EAAEX;AAAAA,GAA0B;AACjDgB,QAAAA,cAAc,CAClBvB,SAAS;AAAA,IAAEwB,QAAQ;AAAA,EAAA,CAAX,GACRxB,SAASyB,mBAAmB,CAAClB,WAAWmB,SAAZ,GAAwB,CAAC,CAACA,YAAY,YAAa;AAAA,IAAEA;AAAAA,EAAAA,EAAtD,CAAnB,CAFU;AAKZnB,UAAAA,WAAWQ;AAAAA,SACZY,UAAUC;AAEX,iCAAA,QAAA;AAAA,QAAM,WAAWC,GAAG,GAAGN,WAAJ;AAAA,QAAnB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGS,UAAUG;AAEX,iCAAA,KAAA;AAAA,QAAG,WAAWD,GAAG,GAAGN,WAAJ;AAAA,QAAhB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGS,UAAUI;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWF,GAAG,GAAGN,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGS,UAAUK;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWH,GAAG,GAAGN,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGS,UAAUM;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWJ,GAAG,GAAGN,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGS,UAAUO;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWL,GAAG,GAAGN,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGS,UAAUQ;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWN,GAAG,GAAGN,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGS,UAAUS;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWP,GAAG,GAAGN,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGS,UAAUU;AAEX,iCAAA,cAAA;AAAA,QACE,WAAWR,GACT,GAAGN,aACHvB,SAAS;AAAA,UACPsC,SAAS;AAAA,UACTC,UAAU;AAAA,UACVC,YAAY;AAAA,UACZC,YAAY;AAAA,QAAA,CAJN,CAFG;AAAA,QADf,8BAWG,aAAD;AAAA,UAAa,aAAalC,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAZJ;AAAA,SAeGS,UAAUe;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWb,GAAG,GAAGN,WAAJ;AAAA,QAAkB,OAAO;AAAA,UAAEoB,mBAAmB;AAAA,QAA/D;AAAA,QAAA,8BACG,aAAD;AAAA,UAAa,aAAapC,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGS,UAAUiB;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWf,GAAG,GAAGN,WAAJ;AAAA,QAAkB,OAAO;AAAA,UAAEoB,mBAAmB;AAAA,QAA/D;AAAA,QAAA,8BACG,aAAD;AAAA,UAAa,aAAapC,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGS,UAAUkB;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWhB,GAAG,GAAGN,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGS,UAAUmB;AAEX,iCAAA,QAAA;AAAA,QAAM,WAAWjB,GAAG,GAAGN,WAAJ;AAAA,QAAnB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA;AAML;AAGD,gBAAgB6B,MAAyB;AACnC,MAAA,OAAOA,SAAS,YAAY,UAAUA;AAAa,WAAA;AAEhD,SAAA;AACR;AAED,qBAAqB;AAAA,EAAEpD;AAAAA,GAA8C;AAEjE,6BAAAqD,UAAA;AAAA,IACGrD,UAAAA,YAAYsD,IAAI,CAAC1C,YAAY2C,UAAU;AAClCC,UAAAA,OAAO5C,UAAD,GAAc;AACtB,mCAAQ,aAAD;AAAA,UAAyB;AAAA,WAAP2C,KAAlB;AAAA,MACR;AAEO3C,cAAAA,WAAWQ;AAAAA,aACZC,WAAWK;AAAAA,aACXL,WAAWC;AAAAA,aACXD,WAAWI;AAAAA,aACXJ,WAAWG;AACd,qCAAQ,eAAD;AAAA,YAA2B;AAAA,aAAP+B,KAApB;AAAA,aACJvB,UAAUI;AAAAA,aACVJ,UAAUK;AAAAA,aACVL,UAAUM;AAAAA,aACVN,UAAUU;AAAAA,aACVV,UAAUC;AAAAA,aACVD,UAAUG;AAAAA,aACVH,UAAUe;AAAAA,aACVf,UAAUiB;AAAAA,aACVjB,UAAUkB;AAAAA,aACVlB,UAAUmB;AACb,qCAAQ,cAAD;AAAA,YAA0B;AAAA,aAAPI,KAAnB;AAAA;AAEA,iBAAA;AAAA;AAAA,IAAA,CAvBZ;AAAA,EAAA,CAFL;AA8BD;AAED,iBAAiB3C,YAA6C;AAC5D,MAAI4C,OAAO5C,UAAD;AAAqB,WAAA;AAEvBA,UAAAA,WAAWQ;AAAAA,SACZY,UAAUI;AAAAA,SACVJ,UAAUK;AAAAA,SACVL,UAAUM;AAAAA,SACVN,UAAUU;AAAAA,SACVV,UAAUG;AAAAA,SACVH,UAAUe;AAAAA,SACVf,UAAUiB;AAAAA,SACVjB,UAAUkB;AAAAA,SACVlB,UAAUmB;AAAAA,SACVnB,UAAUC;AACN,aAAA;AAAA;AAGA,aAAA;AAAA;AAEZ;AAED,6BAA6BrB,YAAgC;;AACvD4C,MAAAA,OAAO5C,UAAD,GAAc;AACtB,WAAOA,iBAAWb,SAAXa,YAAmB;AAAA,EAC3B;AAEOA,UAAAA,WAAWQ;AAAAA,SACZC,WAAWK;AAAAA,SACXL,WAAWC;AAAAA,SACXD,WAAWI;AAAAA,SACXJ,WAAWG;AACPZ,aAAAA,iBAAWW,SAAS+B,IAAI1C,CAAc6C,gBAAAA,oBAAoB7C,WAAD,CAAzD,EAAuE8C,KAAK,EAA5E,MAAA9C,YAAmF;AAAA,SACvFoB,UAAUI;AAAAA,SACVJ,UAAUK;AAAAA,SACVL,UAAUM;AAAAA,SACVN,UAAUU;AAAAA,SACVV,UAAUG;AAAAA,SACVH,UAAUe;AAAAA,SACVf,UAAUiB;AAAAA,SACVjB,UAAUkB;AAAAA,SACVlB,UAAUmB;AAEXvC,aAAAA,iBAAWW,SACR+B,IAAI1C,CAAc6C,gBAAAA,oBAAoB7C,WAAD,CADxC,EAEG8C,KAAK9C,WAAWW,SAASoC,MAAMC,OAA1B,IAAqC,OAAO,EAFpD,MAAAhD,YAE2D;AAAA;AAGtD,aAAA;AAAA;AAEZ;AAED,iBAAiBA,YAAkC;AAC1CA,SAAAA,WAAW0C,IAAIG,mBAAf,EAAoCC,KAAK,IAAzC;AACR;;"}
package/dist/Root.cjs.js CHANGED
@@ -16,8 +16,7 @@ require("redux");
16
16
  require("redux-thunk");
17
17
  require("./actions.cjs.js");
18
18
  require("./descriptors.cjs.js");
19
- require("slate");
20
- require("slate-react");
19
+ require("./slate.cjs2.js");
21
20
  require("./state/breakpoints.cjs.js");
22
21
  require("./introspection.cjs.js");
23
22
  require("./text-input.cjs.js");
@@ -1 +1 @@
1
- {"version":3,"file":"Root.cjs.js","sources":["../src/components/builtin/Root/components/Placeholder/index.tsx","../src/runtimes/react/use-global-style.ts","../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nexport default forwardRef<HTMLDivElement>(function Placeholder(_props, ref) {\n return (\n <div\n ref={ref}\n className={useStyle({\n width: '100%',\n background: 'rgba(161, 168, 194, 0.18)',\n height: 80,\n padding: 8,\n })}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"100%\"\n height=\"100%\"\n style={{ overflow: 'visible' }}\n >\n <rect\n x={0}\n y={0}\n width=\"100%\"\n height=\"100%\"\n strokeWidth={2}\n strokeDasharray=\"4 2\"\n fill=\"none\"\n stroke=\"rgba(161, 168, 194, 0.40)\"\n rx=\"4\"\n ry=\"4\"\n />\n </svg>\n </div>\n )\n})\n","import * as React from 'react'\nimport { useRef } from 'react'\nimport { cache, injectGlobal } from '@emotion/css'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n if (isServer) return injectGlobal(args)\n\n const serialized = serializeStyles(args, cache.registered)\n const sheetRef = useRef<[StyleSheet, boolean]>()\n\n // Hydration\n useInsertionEffect(() => {\n const key = `${cache.key}-global`\n\n const cacheSheet = cache.sheet as StyleSheet\n const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n key,\n nonce: cacheSheet.nonce,\n container: cacheSheet.container,\n speedy: cacheSheet.isSpeedy,\n })\n\n const node = document.querySelector<HTMLStyleElement>(\n `style[data-emotion=\"${key} ${serialized.name}\"]`,\n )\n\n if (cache.sheet.tags.length > 0) {\n sheet.before = cache.sheet.tags[0]\n }\n\n let rehydrating = false\n\n if (node != null) {\n rehydrating = true\n node.setAttribute('data-emotion', key)\n sheet.hydrate([node])\n }\n\n sheetRef.current = [sheet, rehydrating]\n\n return () => {\n sheet.flush()\n }\n })\n\n // Insertion\n useInsertionEffect(() => {\n const [sheet, rehydrating] = sheetRef.current ?? []\n\n if (sheet == null || rehydrating == null) return\n\n if (rehydrating) {\n sheetRef.current = [sheet, false]\n\n return\n }\n\n if (serialized.next != null) {\n insertStyles(cache, serialized.next, true)\n }\n\n if (sheet.tags.length > 0) {\n const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n sheet.before = element\n\n sheet.flush()\n }\n\n cache.insert('', serialized, sheet, false)\n })\n}\n","import { normalize } from 'polished'\nimport { forwardRef, Ref } from 'react'\n\nimport Placeholder from './components/Placeholder'\nimport type {\n GridValue,\n BackgroundsValue,\n GapXValue,\n GapYValue,\n} from '../../../prop-controllers/descriptors'\nimport { Element } from '../../../runtimes/react'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n children?: GridValue\n backgrounds?: BackgroundsValue\n rowGap?: GapYValue\n columnGap?: GapXValue\n}\n\nconst Root = forwardRef(function Page(\n { children, backgrounds, rowGap, columnGap }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n useGlobalStyle({\n html: {\n boxSizing: 'border-box',\n },\n '*, *::before, *::after': {\n boxSizing: 'inherit',\n },\n })\n\n useGlobalStyle(normalize())\n\n return (\n <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n {children && children.elements.length > 0 ? (\n children.elements.map((child, index) => (\n <GridItem\n key={child.key}\n grid={children.columns}\n index={index}\n columnGap={columnGap}\n rowGap={rowGap}\n >\n <Element element={child} />\n </GridItem>\n ))\n ) : (\n <Placeholder />\n )}\n </div>\n </BackgroundsContainer>\n )\n})\n\nexport default Root\n"],"names":["forwardRef","_props","ref","useStyle","width","background","height","padding","overflow","React","injectGlobal","serializeStyles","cache","useRef","insertStyles","Root","children","backgrounds","rowGap","columnGap","html","boxSizing","useGlobalStyle","normalize","BackgroundsContainer","display","flexWrap","elements","length","map","child","index","GridItem","columns","Element","key","_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"Root.cjs.js","sources":["../src/components/builtin/Root/components/Placeholder/index.tsx","../src/runtimes/react/use-global-style.ts","../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nexport default forwardRef<HTMLDivElement>(function Placeholder(_props, ref) {\n return (\n <div\n ref={ref}\n className={useStyle({\n width: '100%',\n background: 'rgba(161, 168, 194, 0.18)',\n height: 80,\n padding: 8,\n })}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"100%\"\n height=\"100%\"\n style={{ overflow: 'visible' }}\n >\n <rect\n x={0}\n y={0}\n width=\"100%\"\n height=\"100%\"\n strokeWidth={2}\n strokeDasharray=\"4 2\"\n fill=\"none\"\n stroke=\"rgba(161, 168, 194, 0.40)\"\n rx=\"4\"\n ry=\"4\"\n />\n </svg>\n </div>\n )\n})\n","import * as React from 'react'\nimport { useRef } from 'react'\nimport { cache, injectGlobal } from '@emotion/css'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n if (isServer) return injectGlobal(args)\n\n const serialized = serializeStyles(args, cache.registered)\n const sheetRef = useRef<[StyleSheet, boolean]>()\n\n // Hydration\n useInsertionEffect(() => {\n const key = `${cache.key}-global`\n\n const cacheSheet = cache.sheet as StyleSheet\n const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n key,\n nonce: cacheSheet.nonce,\n container: cacheSheet.container,\n speedy: cacheSheet.isSpeedy,\n })\n\n const node = document.querySelector<HTMLStyleElement>(\n `style[data-emotion=\"${key} ${serialized.name}\"]`,\n )\n\n if (cache.sheet.tags.length > 0) {\n sheet.before = cache.sheet.tags[0]\n }\n\n let rehydrating = false\n\n if (node != null) {\n rehydrating = true\n node.setAttribute('data-emotion', key)\n sheet.hydrate([node])\n }\n\n sheetRef.current = [sheet, rehydrating]\n\n return () => {\n sheet.flush()\n }\n })\n\n // Insertion\n useInsertionEffect(() => {\n const [sheet, rehydrating] = sheetRef.current ?? []\n\n if (sheet == null || rehydrating == null) return\n\n if (rehydrating) {\n sheetRef.current = [sheet, false]\n\n return\n }\n\n if (serialized.next != null) {\n insertStyles(cache, serialized.next, true)\n }\n\n if (sheet.tags.length > 0) {\n const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n sheet.before = element\n\n sheet.flush()\n }\n\n cache.insert('', serialized, sheet, false)\n })\n}\n","import { normalize } from 'polished'\nimport { forwardRef, Ref } from 'react'\n\nimport Placeholder from './components/Placeholder'\nimport type {\n GridValue,\n BackgroundsValue,\n GapXValue,\n GapYValue,\n} from '../../../prop-controllers/descriptors'\nimport { Element } from '../../../runtimes/react'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n children?: GridValue\n backgrounds?: BackgroundsValue\n rowGap?: GapYValue\n columnGap?: GapXValue\n}\n\nconst Root = forwardRef(function Page(\n { children, backgrounds, rowGap, columnGap }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n useGlobalStyle({\n html: {\n boxSizing: 'border-box',\n },\n '*, *::before, *::after': {\n boxSizing: 'inherit',\n },\n })\n\n useGlobalStyle(normalize())\n\n return (\n <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n {children && children.elements.length > 0 ? (\n children.elements.map((child, index) => (\n <GridItem\n key={child.key}\n grid={children.columns}\n index={index}\n columnGap={columnGap}\n rowGap={rowGap}\n >\n <Element element={child} />\n </GridItem>\n ))\n ) : (\n <Placeholder />\n )}\n </div>\n </BackgroundsContainer>\n )\n})\n\nexport default Root\n"],"names":["forwardRef","_props","ref","useStyle","width","background","height","padding","overflow","React","injectGlobal","serializeStyles","cache","useRef","insertStyles","Root","children","backgrounds","rowGap","columnGap","html","boxSizing","useGlobalStyle","normalize","BackgroundsContainer","display","flexWrap","elements","length","map","child","index","GridItem","columns","Element","key","_jsx"],"mappings":"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"}
package/dist/Root.es.js CHANGED
@@ -15,8 +15,7 @@ import "redux";
15
15
  import "redux-thunk";
16
16
  import "./actions.es.js";
17
17
  import "./descriptors.es.js";
18
- import "slate";
19
- import "slate-react";
18
+ import "./slate.es2.js";
20
19
  import "./state/breakpoints.es.js";
21
20
  import "./introspection.es.js";
22
21
  import "./text-input.es.js";
@@ -1 +1 @@
1
- {"version":3,"file":"Root.es.js","sources":["../src/components/builtin/Root/components/Placeholder/index.tsx","../src/runtimes/react/use-global-style.ts","../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nexport default forwardRef<HTMLDivElement>(function Placeholder(_props, ref) {\n return (\n <div\n ref={ref}\n className={useStyle({\n width: '100%',\n background: 'rgba(161, 168, 194, 0.18)',\n height: 80,\n padding: 8,\n })}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"100%\"\n height=\"100%\"\n style={{ overflow: 'visible' }}\n >\n <rect\n x={0}\n y={0}\n width=\"100%\"\n height=\"100%\"\n strokeWidth={2}\n strokeDasharray=\"4 2\"\n fill=\"none\"\n stroke=\"rgba(161, 168, 194, 0.40)\"\n rx=\"4\"\n ry=\"4\"\n />\n </svg>\n </div>\n )\n})\n","import * as React from 'react'\nimport { useRef } from 'react'\nimport { cache, injectGlobal } from '@emotion/css'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n if (isServer) return injectGlobal(args)\n\n const serialized = serializeStyles(args, cache.registered)\n const sheetRef = useRef<[StyleSheet, boolean]>()\n\n // Hydration\n useInsertionEffect(() => {\n const key = `${cache.key}-global`\n\n const cacheSheet = cache.sheet as StyleSheet\n const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n key,\n nonce: cacheSheet.nonce,\n container: cacheSheet.container,\n speedy: cacheSheet.isSpeedy,\n })\n\n const node = document.querySelector<HTMLStyleElement>(\n `style[data-emotion=\"${key} ${serialized.name}\"]`,\n )\n\n if (cache.sheet.tags.length > 0) {\n sheet.before = cache.sheet.tags[0]\n }\n\n let rehydrating = false\n\n if (node != null) {\n rehydrating = true\n node.setAttribute('data-emotion', key)\n sheet.hydrate([node])\n }\n\n sheetRef.current = [sheet, rehydrating]\n\n return () => {\n sheet.flush()\n }\n })\n\n // Insertion\n useInsertionEffect(() => {\n const [sheet, rehydrating] = sheetRef.current ?? []\n\n if (sheet == null || rehydrating == null) return\n\n if (rehydrating) {\n sheetRef.current = [sheet, false]\n\n return\n }\n\n if (serialized.next != null) {\n insertStyles(cache, serialized.next, true)\n }\n\n if (sheet.tags.length > 0) {\n const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n sheet.before = element\n\n sheet.flush()\n }\n\n cache.insert('', serialized, sheet, false)\n })\n}\n","import { normalize } from 'polished'\nimport { forwardRef, Ref } from 'react'\n\nimport Placeholder from './components/Placeholder'\nimport type {\n GridValue,\n BackgroundsValue,\n GapXValue,\n GapYValue,\n} from '../../../prop-controllers/descriptors'\nimport { Element } from '../../../runtimes/react'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n children?: GridValue\n backgrounds?: BackgroundsValue\n rowGap?: GapYValue\n columnGap?: GapXValue\n}\n\nconst Root = forwardRef(function Page(\n { children, backgrounds, rowGap, columnGap }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n useGlobalStyle({\n html: {\n boxSizing: 'border-box',\n },\n '*, *::before, *::after': {\n boxSizing: 'inherit',\n },\n })\n\n useGlobalStyle(normalize())\n\n return (\n <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n {children && children.elements.length > 0 ? (\n children.elements.map((child, index) => (\n <GridItem\n key={child.key}\n grid={children.columns}\n index={index}\n columnGap={columnGap}\n rowGap={rowGap}\n >\n <Element element={child} />\n </GridItem>\n ))\n ) : (\n <Placeholder />\n )}\n </div>\n </BackgroundsContainer>\n )\n})\n\nexport default Root\n"],"names":["forwardRef","_props","ref","useStyle","width","background","height","padding","overflow","Root","children","backgrounds","rowGap","columnGap","html","boxSizing","useGlobalStyle","normalize","display","flexWrap","elements","length","map","child","index","columns","key","_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"Root.es.js","sources":["../src/components/builtin/Root/components/Placeholder/index.tsx","../src/runtimes/react/use-global-style.ts","../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nexport default forwardRef<HTMLDivElement>(function Placeholder(_props, ref) {\n return (\n <div\n ref={ref}\n className={useStyle({\n width: '100%',\n background: 'rgba(161, 168, 194, 0.18)',\n height: 80,\n padding: 8,\n })}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"100%\"\n height=\"100%\"\n style={{ overflow: 'visible' }}\n >\n <rect\n x={0}\n y={0}\n width=\"100%\"\n height=\"100%\"\n strokeWidth={2}\n strokeDasharray=\"4 2\"\n fill=\"none\"\n stroke=\"rgba(161, 168, 194, 0.40)\"\n rx=\"4\"\n ry=\"4\"\n />\n </svg>\n </div>\n )\n})\n","import * as React from 'react'\nimport { useRef } from 'react'\nimport { cache, injectGlobal } from '@emotion/css'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n if (isServer) return injectGlobal(args)\n\n const serialized = serializeStyles(args, cache.registered)\n const sheetRef = useRef<[StyleSheet, boolean]>()\n\n // Hydration\n useInsertionEffect(() => {\n const key = `${cache.key}-global`\n\n const cacheSheet = cache.sheet as StyleSheet\n const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n key,\n nonce: cacheSheet.nonce,\n container: cacheSheet.container,\n speedy: cacheSheet.isSpeedy,\n })\n\n const node = document.querySelector<HTMLStyleElement>(\n `style[data-emotion=\"${key} ${serialized.name}\"]`,\n )\n\n if (cache.sheet.tags.length > 0) {\n sheet.before = cache.sheet.tags[0]\n }\n\n let rehydrating = false\n\n if (node != null) {\n rehydrating = true\n node.setAttribute('data-emotion', key)\n sheet.hydrate([node])\n }\n\n sheetRef.current = [sheet, rehydrating]\n\n return () => {\n sheet.flush()\n }\n })\n\n // Insertion\n useInsertionEffect(() => {\n const [sheet, rehydrating] = sheetRef.current ?? []\n\n if (sheet == null || rehydrating == null) return\n\n if (rehydrating) {\n sheetRef.current = [sheet, false]\n\n return\n }\n\n if (serialized.next != null) {\n insertStyles(cache, serialized.next, true)\n }\n\n if (sheet.tags.length > 0) {\n const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n sheet.before = element\n\n sheet.flush()\n }\n\n cache.insert('', serialized, sheet, false)\n })\n}\n","import { normalize } from 'polished'\nimport { forwardRef, Ref } from 'react'\n\nimport Placeholder from './components/Placeholder'\nimport type {\n GridValue,\n BackgroundsValue,\n GapXValue,\n GapYValue,\n} from '../../../prop-controllers/descriptors'\nimport { Element } from '../../../runtimes/react'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n children?: GridValue\n backgrounds?: BackgroundsValue\n rowGap?: GapYValue\n columnGap?: GapXValue\n}\n\nconst Root = forwardRef(function Page(\n { children, backgrounds, rowGap, columnGap }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n useGlobalStyle({\n html: {\n boxSizing: 'border-box',\n },\n '*, *::before, *::after': {\n boxSizing: 'inherit',\n },\n })\n\n useGlobalStyle(normalize())\n\n return (\n <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n {children && children.elements.length > 0 ? (\n children.elements.map((child, index) => (\n <GridItem\n key={child.key}\n grid={children.columns}\n index={index}\n columnGap={columnGap}\n rowGap={rowGap}\n >\n <Element element={child} />\n </GridItem>\n ))\n ) : (\n <Placeholder />\n )}\n </div>\n </BackgroundsContainer>\n )\n})\n\nexport default Root\n"],"names":["forwardRef","_props","ref","useStyle","width","background","height","padding","overflow","Root","children","backgrounds","rowGap","columnGap","html","boxSizing","useGlobalStyle","normalize","display","flexWrap","elements","length","map","child","index","columns","key","_jsx"],"mappings":"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"}
@@ -46,8 +46,7 @@ require("redux");
46
46
  require("redux-thunk");
47
47
  require("./actions.cjs.js");
48
48
  require("./descriptors.cjs.js");
49
- require("slate");
50
- require("slate-react");
49
+ require("./slate.cjs2.js");
51
50
  require("./state/breakpoints.cjs.js");
52
51
  require("./introspection.cjs.js");
53
52
  require("@emotion/serialize");