@uniformdev/mesh-sdk-react 20.70.0 → 20.71.0

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.
package/dist/index.esm.js CHANGED
@@ -35,14 +35,14 @@ var SvgCaution = (props) => /* @__PURE__ */ jsx2(
35
35
  xmlns: "http://www.w3.org/2000/svg",
36
36
  width: "1em",
37
37
  height: "1em",
38
- viewBox: "0 0 16 16",
39
38
  fill: "currentColor",
39
+ viewBox: "0 0 16 16",
40
40
  ...props,
41
41
  children: /* @__PURE__ */ jsx2(
42
42
  "path",
43
43
  {
44
44
  fillRule: "evenodd",
45
- d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"
45
+ d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002zm.133 11.497H6.987v-2.003h2.039zm0-3.004H6.987V5.987h2.039z"
46
46
  }
47
47
  )
48
48
  }
@@ -54,18 +54,18 @@ import { jsx as jsx3 } from "@emotion/react/jsx-runtime";
54
54
  var SvgCheckmark = (props) => /* @__PURE__ */ jsx3(
55
55
  "svg",
56
56
  {
57
+ xmlns: "http://www.w3.org/2000/svg",
57
58
  width: "1em",
58
59
  height: "1em",
59
- viewBox: "0 0 40 40",
60
60
  fill: "currentColor",
61
- xmlns: "http://www.w3.org/2000/svg",
61
+ viewBox: "0 0 40 40",
62
62
  ...props,
63
63
  children: /* @__PURE__ */ jsx3(
64
64
  "path",
65
65
  {
66
66
  fillRule: "evenodd",
67
- clipRule: "evenodd",
68
- d: "M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"
67
+ d: "M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4m8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0z",
68
+ clipRule: "evenodd"
69
69
  }
70
70
  )
71
71
  }
@@ -74,7 +74,7 @@ var Checkmark_default = SvgCheckmark;
74
74
 
75
75
  // src/assets/icons/ChevronDown.tsx
76
76
  import { jsx as jsx4 } from "@emotion/react/jsx-runtime";
77
- var SvgChevronDown = (props) => /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ jsx4("path", { d: "M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z" }) });
77
+ var SvgChevronDown = (props) => /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ jsx4("path", { d: "M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414" }) });
78
78
  var ChevronDown_default = SvgChevronDown;
79
79
 
80
80
  // src/assets/icons/Close.tsx
@@ -85,12 +85,12 @@ var SvgClose = (props) => /* @__PURE__ */ jsx5(
85
85
  xmlns: "http://www.w3.org/2000/svg",
86
86
  width: "1em",
87
87
  height: "1em",
88
- viewBox: "0 0 19 19",
89
88
  fill: "currentColor",
89
+ viewBox: "0 0 19 19",
90
90
  ...props,
91
91
  children: /* @__PURE__ */ jsxs("g", { fillRule: "evenodd", children: [
92
- /* @__PURE__ */ jsx5("path", { d: "M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0Z" }),
93
- /* @__PURE__ */ jsx5("path", { d: "M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66Z" })
92
+ /* @__PURE__ */ jsx5("path", { d: "M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0" }),
93
+ /* @__PURE__ */ jsx5("path", { d: "M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66" })
94
94
  ] })
95
95
  }
96
96
  );
@@ -104,14 +104,14 @@ var SvgDanger = (props) => /* @__PURE__ */ jsx6(
104
104
  xmlns: "http://www.w3.org/2000/svg",
105
105
  width: "1em",
106
106
  height: "1em",
107
- viewBox: "0 0 12 16",
108
107
  fill: "currentColor",
108
+ viewBox: "0 0 12 16",
109
109
  ...props,
110
110
  children: /* @__PURE__ */ jsx6(
111
111
  "path",
112
112
  {
113
113
  fillRule: "evenodd",
114
- d: "M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"
114
+ d: "M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3z"
115
115
  }
116
116
  )
117
117
  }
@@ -126,14 +126,14 @@ var SvgExclamationPoint = (props) => /* @__PURE__ */ jsx7(
126
126
  xmlns: "http://www.w3.org/2000/svg",
127
127
  width: "1em",
128
128
  height: "1em",
129
- viewBox: "0 0 14 16",
130
129
  fill: "currentColor",
130
+ viewBox: "0 0 14 16",
131
131
  ...props,
132
132
  children: /* @__PURE__ */ jsx7(
133
133
  "path",
134
134
  {
135
135
  fillRule: "evenodd",
136
- d: "M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"
136
+ d: "M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7M7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7m1 3H6v5h2zm0 6H6v2h2z"
137
137
  }
138
138
  )
139
139
  }
@@ -147,7 +147,7 @@ var SvgInfo = (props) => /* @__PURE__ */ jsxs2("svg", { width: "1em", height: "1
147
147
  "path",
148
148
  {
149
149
  xmlns: "http://www.w3.org/2000/svg",
150
- d: "M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0v-6zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
150
+ d: "M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
151
151
  }
152
152
  ),
153
153
  /* @__PURE__ */ jsx8(
@@ -155,8 +155,8 @@ var SvgInfo = (props) => /* @__PURE__ */ jsxs2("svg", { width: "1em", height: "1
155
155
  {
156
156
  xmlns: "http://www.w3.org/2000/svg",
157
157
  fillRule: "evenodd",
158
- clipRule: "evenodd",
159
- d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0z"
158
+ d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2M4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0",
159
+ clipRule: "evenodd"
160
160
  }
161
161
  )
162
162
  ] });
@@ -170,14 +170,14 @@ var SvgLightbulb = (props) => /* @__PURE__ */ jsx9(
170
170
  xmlns: "http://www.w3.org/2000/svg",
171
171
  width: "1em",
172
172
  height: "1em",
173
- viewBox: "0 0 12 16",
174
173
  fill: "currentColor",
174
+ viewBox: "0 0 12 16",
175
175
  ...props,
176
176
  children: /* @__PURE__ */ jsx9(
177
177
  "path",
178
178
  {
179
179
  fillRule: "evenodd",
180
- d: "M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"
180
+ d: "M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5m3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48M4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2"
181
181
  }
182
182
  )
183
183
  }
@@ -189,18 +189,18 @@ import { jsx as jsx10, jsxs as jsxs3 } from "@emotion/react/jsx-runtime";
189
189
  var SvgMagnifyingGlass = (props) => /* @__PURE__ */ jsxs3(
190
190
  "svg",
191
191
  {
192
+ xmlns: "http://www.w3.org/2000/svg",
192
193
  width: "1em",
193
194
  height: "1em",
194
- viewBox: "0 0 26 24",
195
195
  fill: "currentColor",
196
- xmlns: "http://www.w3.org/2000/svg",
196
+ viewBox: "0 0 26 24",
197
197
  ...props,
198
198
  children: [
199
199
  /* @__PURE__ */ jsxs3("g", { clipPath: "url(#magnifying-glass_svg__a)", children: [
200
- /* @__PURE__ */ jsx10("path", { d: "M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568 6.055 0 10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0Zm0 19.187c-4.937 0-8.954-3.866-8.954-8.618 0-4.752 4.017-8.618 8.954-8.618s8.954 3.866 8.954 8.618c0 4.752-4.017 8.618-8.954 8.618Z" }),
201
- /* @__PURE__ */ jsx10("path", { d: "m25.196 22.334-5.811-5.593a1.041 1.041 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38Z" })
200
+ /* @__PURE__ */ jsx10("path", { d: "M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568s10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0m0 19.187c-4.937 0-8.954-3.866-8.954-8.618s4.017-8.618 8.954-8.618 8.954 3.866 8.954 8.618-4.017 8.618-8.954 8.618" }),
201
+ /* @__PURE__ */ jsx10("path", { d: "m25.196 22.334-5.811-5.593a1.04 1.04 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38" })
202
202
  ] }),
203
- /* @__PURE__ */ jsx10("defs", { children: /* @__PURE__ */ jsx10("clipPath", { id: "magnifying-glass_svg__a", children: /* @__PURE__ */ jsx10("path", { fill: "#fff", transform: "translate(.558)", d: "M0 0h24.935v24H0z" }) }) })
203
+ /* @__PURE__ */ jsx10("defs", { children: /* @__PURE__ */ jsx10("clipPath", { id: "magnifying-glass_svg__a", children: /* @__PURE__ */ jsx10("path", { fill: "#fff", d: "M.558 0h24.935v24H.558z" }) }) })
204
204
  ]
205
205
  }
206
206
  );
@@ -212,14 +212,14 @@ var SvgMaximizeAlt = (props) => /* @__PURE__ */ jsx11("svg", { width: "1em", hei
212
212
  "path",
213
213
  {
214
214
  xmlns: "http://www.w3.org/2000/svg",
215
- d: "M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3V3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3v6zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15v2zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2V3z"
215
+ d: "M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2z"
216
216
  }
217
217
  ) });
218
218
  var MaximizeAlt_default = SvgMaximizeAlt;
219
219
 
220
220
  // src/assets/icons/Minus.tsx
221
221
  import { jsx as jsx12 } from "@emotion/react/jsx-runtime";
222
- var SvgMinus = (props) => /* @__PURE__ */ jsx12("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx12("path", { d: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z", fill: "currentColor" }) });
222
+ var SvgMinus = (props) => /* @__PURE__ */ jsx12("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx12("path", { fill: "currentColor", d: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1" }) });
223
223
  var Minus_default = SvgMinus;
224
224
 
225
225
  // src/assets/icons/MoreVerticalAlt.tsx
@@ -228,7 +228,7 @@ var SvgMoreVerticalAlt = (props) => /* @__PURE__ */ jsx13("svg", { width: "1em",
228
228
  "path",
229
229
  {
230
230
  xmlns: "http://www.w3.org/2000/svg",
231
- d: "M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"
231
+ d: "M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0"
232
232
  }
233
233
  ) });
234
234
  var MoreVerticalAlt_default = SvgMoreVerticalAlt;
@@ -238,13 +238,13 @@ import { jsx as jsx14 } from "@emotion/react/jsx-runtime";
238
238
  var SvgPlus = (props) => /* @__PURE__ */ jsx14(
239
239
  "svg",
240
240
  {
241
+ xmlns: "http://www.w3.org/2000/svg",
241
242
  width: "1em",
242
243
  height: "1em",
243
- viewBox: "0 0 46 46",
244
244
  fill: "currentColor",
245
- xmlns: "http://www.w3.org/2000/svg",
245
+ viewBox: "0 0 46 46",
246
246
  ...props,
247
- children: /* @__PURE__ */ jsx14("path", { d: "M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594Z" })
247
+ children: /* @__PURE__ */ jsx14("path", { d: "M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594" })
248
248
  }
249
249
  );
250
250
  var Plus_default = SvgPlus;
@@ -2488,7 +2488,7 @@ function InputVariables(props) {
2488
2488
  singleTokenMode,
2489
2489
  disableVariableDisplayNames
2490
2490
  } = props;
2491
- const [finalId] = useState7(id != null ? id : () => v4());
2491
+ const [finalId] = useState7(id != null ? id : (() => v4()));
2492
2492
  const { dispatch, canDispatch, isEditing } = useVariables(true);
2493
2493
  const { disableVariablesForReals, hadVariablesInValue, sharedMenuProps } = useInputVariablesState(props);
2494
2494
  const useInputWithNoVariables = Boolean(inputWhenNoVariables && !hadVariablesInValue);
package/dist/index.js CHANGED
@@ -30,8 +30,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
30
30
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
31
 
32
32
  // src/index.ts
33
- var src_exports = {};
34
- __export(src_exports, {
33
+ var index_exports = {};
34
+ __export(index_exports, {
35
35
  $createVariableNode: () => $createVariableNode,
36
36
  $isVariableNode: () => $isVariableNode,
37
37
  AddListButton: () => import_design_system53.AddListButton,
@@ -181,7 +181,7 @@ __export(src_exports, {
181
181
  variablesToGroupedList: () => variablesToGroupedList,
182
182
  variablesToList: () => variablesToList
183
183
  });
184
- module.exports = __toCommonJS(src_exports);
184
+ module.exports = __toCommonJS(index_exports);
185
185
 
186
186
  // ../../scripts/emotion-jsx-shim.js
187
187
  var import_react = require("@emotion/react");
@@ -213,14 +213,14 @@ var SvgCaution = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
213
213
  xmlns: "http://www.w3.org/2000/svg",
214
214
  width: "1em",
215
215
  height: "1em",
216
- viewBox: "0 0 16 16",
217
216
  fill: "currentColor",
217
+ viewBox: "0 0 16 16",
218
218
  ...props,
219
219
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
220
220
  "path",
221
221
  {
222
222
  fillRule: "evenodd",
223
- d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"
223
+ d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002zm.133 11.497H6.987v-2.003h2.039zm0-3.004H6.987V5.987h2.039z"
224
224
  }
225
225
  )
226
226
  }
@@ -232,18 +232,18 @@ var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
232
232
  var SvgCheckmark = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
233
233
  "svg",
234
234
  {
235
+ xmlns: "http://www.w3.org/2000/svg",
235
236
  width: "1em",
236
237
  height: "1em",
237
- viewBox: "0 0 40 40",
238
238
  fill: "currentColor",
239
- xmlns: "http://www.w3.org/2000/svg",
239
+ viewBox: "0 0 40 40",
240
240
  ...props,
241
241
  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
242
242
  "path",
243
243
  {
244
244
  fillRule: "evenodd",
245
- clipRule: "evenodd",
246
- d: "M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"
245
+ d: "M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4m8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0z",
246
+ clipRule: "evenodd"
247
247
  }
248
248
  )
249
249
  }
@@ -252,7 +252,7 @@ var Checkmark_default = SvgCheckmark;
252
252
 
253
253
  // src/assets/icons/ChevronDown.tsx
254
254
  var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
255
- var SvgChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z" }) });
255
+ var SvgChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414" }) });
256
256
  var ChevronDown_default = SvgChevronDown;
257
257
 
258
258
  // src/assets/icons/Close.tsx
@@ -263,12 +263,12 @@ var SvgClose = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
263
263
  xmlns: "http://www.w3.org/2000/svg",
264
264
  width: "1em",
265
265
  height: "1em",
266
- viewBox: "0 0 19 19",
267
266
  fill: "currentColor",
267
+ viewBox: "0 0 19 19",
268
268
  ...props,
269
269
  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("g", { fillRule: "evenodd", children: [
270
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0Z" }),
271
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66Z" })
270
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0" }),
271
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66" })
272
272
  ] })
273
273
  }
274
274
  );
@@ -282,14 +282,14 @@ var SvgDanger = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
282
282
  xmlns: "http://www.w3.org/2000/svg",
283
283
  width: "1em",
284
284
  height: "1em",
285
- viewBox: "0 0 12 16",
286
285
  fill: "currentColor",
286
+ viewBox: "0 0 12 16",
287
287
  ...props,
288
288
  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
289
289
  "path",
290
290
  {
291
291
  fillRule: "evenodd",
292
- d: "M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"
292
+ d: "M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3z"
293
293
  }
294
294
  )
295
295
  }
@@ -304,14 +304,14 @@ var SvgExclamationPoint = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx
304
304
  xmlns: "http://www.w3.org/2000/svg",
305
305
  width: "1em",
306
306
  height: "1em",
307
- viewBox: "0 0 14 16",
308
307
  fill: "currentColor",
308
+ viewBox: "0 0 14 16",
309
309
  ...props,
310
310
  children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
311
311
  "path",
312
312
  {
313
313
  fillRule: "evenodd",
314
- d: "M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"
314
+ d: "M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7M7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7m1 3H6v5h2zm0 6H6v2h2z"
315
315
  }
316
316
  )
317
317
  }
@@ -325,7 +325,7 @@ var SvgInfo = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
325
325
  "path",
326
326
  {
327
327
  xmlns: "http://www.w3.org/2000/svg",
328
- d: "M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0v-6zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
328
+ d: "M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
329
329
  }
330
330
  ),
331
331
  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -333,8 +333,8 @@ var SvgInfo = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
333
333
  {
334
334
  xmlns: "http://www.w3.org/2000/svg",
335
335
  fillRule: "evenodd",
336
- clipRule: "evenodd",
337
- d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0z"
336
+ d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2M4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0",
337
+ clipRule: "evenodd"
338
338
  }
339
339
  )
340
340
  ] });
@@ -348,14 +348,14 @@ var SvgLightbulb = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
348
348
  xmlns: "http://www.w3.org/2000/svg",
349
349
  width: "1em",
350
350
  height: "1em",
351
- viewBox: "0 0 12 16",
352
351
  fill: "currentColor",
352
+ viewBox: "0 0 12 16",
353
353
  ...props,
354
354
  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
355
355
  "path",
356
356
  {
357
357
  fillRule: "evenodd",
358
- d: "M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"
358
+ d: "M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5m3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48M4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2"
359
359
  }
360
360
  )
361
361
  }
@@ -367,18 +367,18 @@ var import_jsx_runtime9 = require("@emotion/react/jsx-runtime");
367
367
  var SvgMagnifyingGlass = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
368
368
  "svg",
369
369
  {
370
+ xmlns: "http://www.w3.org/2000/svg",
370
371
  width: "1em",
371
372
  height: "1em",
372
- viewBox: "0 0 26 24",
373
373
  fill: "currentColor",
374
- xmlns: "http://www.w3.org/2000/svg",
374
+ viewBox: "0 0 26 24",
375
375
  ...props,
376
376
  children: [
377
377
  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("g", { clipPath: "url(#magnifying-glass_svg__a)", children: [
378
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568 6.055 0 10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0Zm0 19.187c-4.937 0-8.954-3.866-8.954-8.618 0-4.752 4.017-8.618 8.954-8.618s8.954 3.866 8.954 8.618c0 4.752-4.017 8.618-8.954 8.618Z" }),
379
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "m25.196 22.334-5.811-5.593a1.041 1.041 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38Z" })
378
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568s10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0m0 19.187c-4.937 0-8.954-3.866-8.954-8.618s4.017-8.618 8.954-8.618 8.954 3.866 8.954 8.618-4.017 8.618-8.954 8.618" }),
379
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "m25.196 22.334-5.811-5.593a1.04 1.04 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38" })
380
380
  ] }),
381
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("clipPath", { id: "magnifying-glass_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { fill: "#fff", transform: "translate(.558)", d: "M0 0h24.935v24H0z" }) }) })
381
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("clipPath", { id: "magnifying-glass_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { fill: "#fff", d: "M.558 0h24.935v24H.558z" }) }) })
382
382
  ]
383
383
  }
384
384
  );
@@ -390,14 +390,14 @@ var SvgMaximizeAlt = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("s
390
390
  "path",
391
391
  {
392
392
  xmlns: "http://www.w3.org/2000/svg",
393
- d: "M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3V3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3v6zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15v2zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2V3z"
393
+ d: "M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2z"
394
394
  }
395
395
  ) });
396
396
  var MaximizeAlt_default = SvgMaximizeAlt;
397
397
 
398
398
  // src/assets/icons/Minus.tsx
399
399
  var import_jsx_runtime11 = require("@emotion/react/jsx-runtime");
400
- var SvgMinus = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z", fill: "currentColor" }) });
400
+ var SvgMinus = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { fill: "currentColor", d: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1" }) });
401
401
  var Minus_default = SvgMinus;
402
402
 
403
403
  // src/assets/icons/MoreVerticalAlt.tsx
@@ -406,7 +406,7 @@ var SvgMoreVerticalAlt = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx
406
406
  "path",
407
407
  {
408
408
  xmlns: "http://www.w3.org/2000/svg",
409
- d: "M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"
409
+ d: "M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0"
410
410
  }
411
411
  ) });
412
412
  var MoreVerticalAlt_default = SvgMoreVerticalAlt;
@@ -416,13 +416,13 @@ var import_jsx_runtime13 = require("@emotion/react/jsx-runtime");
416
416
  var SvgPlus = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
417
417
  "svg",
418
418
  {
419
+ xmlns: "http://www.w3.org/2000/svg",
419
420
  width: "1em",
420
421
  height: "1em",
421
- viewBox: "0 0 46 46",
422
422
  fill: "currentColor",
423
- xmlns: "http://www.w3.org/2000/svg",
423
+ viewBox: "0 0 46 46",
424
424
  ...props,
425
- children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594Z" })
425
+ children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594" })
426
426
  }
427
427
  );
428
428
  var Plus_default = SvgPlus;
@@ -2616,7 +2616,7 @@ function InputVariables(props) {
2616
2616
  singleTokenMode,
2617
2617
  disableVariableDisplayNames
2618
2618
  } = props;
2619
- const [finalId] = (0, import_react28.useState)(id != null ? id : () => (0, import_uuid.v4)());
2619
+ const [finalId] = (0, import_react28.useState)(id != null ? id : (() => (0, import_uuid.v4)()));
2620
2620
  const { dispatch, canDispatch, isEditing } = useVariables(true);
2621
2621
  const { disableVariablesForReals, hadVariablesInValue, sharedMenuProps } = useInputVariablesState(props);
2622
2622
  const useInputWithNoVariables = Boolean(inputWhenNoVariables && !hadVariablesInValue);
@@ -7674,7 +7674,7 @@ function useContentDataResourceLocaleInfo({
7674
7674
 
7675
7675
  // src/index.ts
7676
7676
  var import_design_system53 = require("@uniformdev/design-system");
7677
- __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
7677
+ __reExport(index_exports, require("@uniformdev/mesh-sdk"), module.exports);
7678
7678
  // Annotate the CommonJS export names for ESM import in node:
7679
7679
  0 && (module.exports = {
7680
7680
  $createVariableNode,
package/dist/index.mjs CHANGED
@@ -35,14 +35,14 @@ var SvgCaution = (props) => /* @__PURE__ */ jsx2(
35
35
  xmlns: "http://www.w3.org/2000/svg",
36
36
  width: "1em",
37
37
  height: "1em",
38
- viewBox: "0 0 16 16",
39
38
  fill: "currentColor",
39
+ viewBox: "0 0 16 16",
40
40
  ...props,
41
41
  children: /* @__PURE__ */ jsx2(
42
42
  "path",
43
43
  {
44
44
  fillRule: "evenodd",
45
- d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"
45
+ d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002zm.133 11.497H6.987v-2.003h2.039zm0-3.004H6.987V5.987h2.039z"
46
46
  }
47
47
  )
48
48
  }
@@ -54,18 +54,18 @@ import { jsx as jsx3 } from "@emotion/react/jsx-runtime";
54
54
  var SvgCheckmark = (props) => /* @__PURE__ */ jsx3(
55
55
  "svg",
56
56
  {
57
+ xmlns: "http://www.w3.org/2000/svg",
57
58
  width: "1em",
58
59
  height: "1em",
59
- viewBox: "0 0 40 40",
60
60
  fill: "currentColor",
61
- xmlns: "http://www.w3.org/2000/svg",
61
+ viewBox: "0 0 40 40",
62
62
  ...props,
63
63
  children: /* @__PURE__ */ jsx3(
64
64
  "path",
65
65
  {
66
66
  fillRule: "evenodd",
67
- clipRule: "evenodd",
68
- d: "M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"
67
+ d: "M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4m8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0z",
68
+ clipRule: "evenodd"
69
69
  }
70
70
  )
71
71
  }
@@ -74,7 +74,7 @@ var Checkmark_default = SvgCheckmark;
74
74
 
75
75
  // src/assets/icons/ChevronDown.tsx
76
76
  import { jsx as jsx4 } from "@emotion/react/jsx-runtime";
77
- var SvgChevronDown = (props) => /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ jsx4("path", { d: "M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z" }) });
77
+ var SvgChevronDown = (props) => /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ jsx4("path", { d: "M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414" }) });
78
78
  var ChevronDown_default = SvgChevronDown;
79
79
 
80
80
  // src/assets/icons/Close.tsx
@@ -85,12 +85,12 @@ var SvgClose = (props) => /* @__PURE__ */ jsx5(
85
85
  xmlns: "http://www.w3.org/2000/svg",
86
86
  width: "1em",
87
87
  height: "1em",
88
- viewBox: "0 0 19 19",
89
88
  fill: "currentColor",
89
+ viewBox: "0 0 19 19",
90
90
  ...props,
91
91
  children: /* @__PURE__ */ jsxs("g", { fillRule: "evenodd", children: [
92
- /* @__PURE__ */ jsx5("path", { d: "M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0Z" }),
93
- /* @__PURE__ */ jsx5("path", { d: "M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66Z" })
92
+ /* @__PURE__ */ jsx5("path", { d: "M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0" }),
93
+ /* @__PURE__ */ jsx5("path", { d: "M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66" })
94
94
  ] })
95
95
  }
96
96
  );
@@ -104,14 +104,14 @@ var SvgDanger = (props) => /* @__PURE__ */ jsx6(
104
104
  xmlns: "http://www.w3.org/2000/svg",
105
105
  width: "1em",
106
106
  height: "1em",
107
- viewBox: "0 0 12 16",
108
107
  fill: "currentColor",
108
+ viewBox: "0 0 12 16",
109
109
  ...props,
110
110
  children: /* @__PURE__ */ jsx6(
111
111
  "path",
112
112
  {
113
113
  fillRule: "evenodd",
114
- d: "M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"
114
+ d: "M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3z"
115
115
  }
116
116
  )
117
117
  }
@@ -126,14 +126,14 @@ var SvgExclamationPoint = (props) => /* @__PURE__ */ jsx7(
126
126
  xmlns: "http://www.w3.org/2000/svg",
127
127
  width: "1em",
128
128
  height: "1em",
129
- viewBox: "0 0 14 16",
130
129
  fill: "currentColor",
130
+ viewBox: "0 0 14 16",
131
131
  ...props,
132
132
  children: /* @__PURE__ */ jsx7(
133
133
  "path",
134
134
  {
135
135
  fillRule: "evenodd",
136
- d: "M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"
136
+ d: "M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7M7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7m1 3H6v5h2zm0 6H6v2h2z"
137
137
  }
138
138
  )
139
139
  }
@@ -147,7 +147,7 @@ var SvgInfo = (props) => /* @__PURE__ */ jsxs2("svg", { width: "1em", height: "1
147
147
  "path",
148
148
  {
149
149
  xmlns: "http://www.w3.org/2000/svg",
150
- d: "M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0v-6zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
150
+ d: "M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
151
151
  }
152
152
  ),
153
153
  /* @__PURE__ */ jsx8(
@@ -155,8 +155,8 @@ var SvgInfo = (props) => /* @__PURE__ */ jsxs2("svg", { width: "1em", height: "1
155
155
  {
156
156
  xmlns: "http://www.w3.org/2000/svg",
157
157
  fillRule: "evenodd",
158
- clipRule: "evenodd",
159
- d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0z"
158
+ d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2M4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0",
159
+ clipRule: "evenodd"
160
160
  }
161
161
  )
162
162
  ] });
@@ -170,14 +170,14 @@ var SvgLightbulb = (props) => /* @__PURE__ */ jsx9(
170
170
  xmlns: "http://www.w3.org/2000/svg",
171
171
  width: "1em",
172
172
  height: "1em",
173
- viewBox: "0 0 12 16",
174
173
  fill: "currentColor",
174
+ viewBox: "0 0 12 16",
175
175
  ...props,
176
176
  children: /* @__PURE__ */ jsx9(
177
177
  "path",
178
178
  {
179
179
  fillRule: "evenodd",
180
- d: "M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"
180
+ d: "M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5m3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48M4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2"
181
181
  }
182
182
  )
183
183
  }
@@ -189,18 +189,18 @@ import { jsx as jsx10, jsxs as jsxs3 } from "@emotion/react/jsx-runtime";
189
189
  var SvgMagnifyingGlass = (props) => /* @__PURE__ */ jsxs3(
190
190
  "svg",
191
191
  {
192
+ xmlns: "http://www.w3.org/2000/svg",
192
193
  width: "1em",
193
194
  height: "1em",
194
- viewBox: "0 0 26 24",
195
195
  fill: "currentColor",
196
- xmlns: "http://www.w3.org/2000/svg",
196
+ viewBox: "0 0 26 24",
197
197
  ...props,
198
198
  children: [
199
199
  /* @__PURE__ */ jsxs3("g", { clipPath: "url(#magnifying-glass_svg__a)", children: [
200
- /* @__PURE__ */ jsx10("path", { d: "M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568 6.055 0 10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0Zm0 19.187c-4.937 0-8.954-3.866-8.954-8.618 0-4.752 4.017-8.618 8.954-8.618s8.954 3.866 8.954 8.618c0 4.752-4.017 8.618-8.954 8.618Z" }),
201
- /* @__PURE__ */ jsx10("path", { d: "m25.196 22.334-5.811-5.593a1.041 1.041 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38Z" })
200
+ /* @__PURE__ */ jsx10("path", { d: "M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568s10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0m0 19.187c-4.937 0-8.954-3.866-8.954-8.618s4.017-8.618 8.954-8.618 8.954 3.866 8.954 8.618-4.017 8.618-8.954 8.618" }),
201
+ /* @__PURE__ */ jsx10("path", { d: "m25.196 22.334-5.811-5.593a1.04 1.04 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38" })
202
202
  ] }),
203
- /* @__PURE__ */ jsx10("defs", { children: /* @__PURE__ */ jsx10("clipPath", { id: "magnifying-glass_svg__a", children: /* @__PURE__ */ jsx10("path", { fill: "#fff", transform: "translate(.558)", d: "M0 0h24.935v24H0z" }) }) })
203
+ /* @__PURE__ */ jsx10("defs", { children: /* @__PURE__ */ jsx10("clipPath", { id: "magnifying-glass_svg__a", children: /* @__PURE__ */ jsx10("path", { fill: "#fff", d: "M.558 0h24.935v24H.558z" }) }) })
204
204
  ]
205
205
  }
206
206
  );
@@ -212,14 +212,14 @@ var SvgMaximizeAlt = (props) => /* @__PURE__ */ jsx11("svg", { width: "1em", hei
212
212
  "path",
213
213
  {
214
214
  xmlns: "http://www.w3.org/2000/svg",
215
- d: "M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3V3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3v6zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15v2zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2V3z"
215
+ d: "M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2z"
216
216
  }
217
217
  ) });
218
218
  var MaximizeAlt_default = SvgMaximizeAlt;
219
219
 
220
220
  // src/assets/icons/Minus.tsx
221
221
  import { jsx as jsx12 } from "@emotion/react/jsx-runtime";
222
- var SvgMinus = (props) => /* @__PURE__ */ jsx12("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx12("path", { d: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z", fill: "currentColor" }) });
222
+ var SvgMinus = (props) => /* @__PURE__ */ jsx12("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx12("path", { fill: "currentColor", d: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1" }) });
223
223
  var Minus_default = SvgMinus;
224
224
 
225
225
  // src/assets/icons/MoreVerticalAlt.tsx
@@ -228,7 +228,7 @@ var SvgMoreVerticalAlt = (props) => /* @__PURE__ */ jsx13("svg", { width: "1em",
228
228
  "path",
229
229
  {
230
230
  xmlns: "http://www.w3.org/2000/svg",
231
- d: "M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"
231
+ d: "M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0"
232
232
  }
233
233
  ) });
234
234
  var MoreVerticalAlt_default = SvgMoreVerticalAlt;
@@ -238,13 +238,13 @@ import { jsx as jsx14 } from "@emotion/react/jsx-runtime";
238
238
  var SvgPlus = (props) => /* @__PURE__ */ jsx14(
239
239
  "svg",
240
240
  {
241
+ xmlns: "http://www.w3.org/2000/svg",
241
242
  width: "1em",
242
243
  height: "1em",
243
- viewBox: "0 0 46 46",
244
244
  fill: "currentColor",
245
- xmlns: "http://www.w3.org/2000/svg",
245
+ viewBox: "0 0 46 46",
246
246
  ...props,
247
- children: /* @__PURE__ */ jsx14("path", { d: "M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594Z" })
247
+ children: /* @__PURE__ */ jsx14("path", { d: "M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594" })
248
248
  }
249
249
  );
250
250
  var Plus_default = SvgPlus;
@@ -2488,7 +2488,7 @@ function InputVariables(props) {
2488
2488
  singleTokenMode,
2489
2489
  disableVariableDisplayNames
2490
2490
  } = props;
2491
- const [finalId] = useState7(id != null ? id : () => v4());
2491
+ const [finalId] = useState7(id != null ? id : (() => v4()));
2492
2492
  const { dispatch, canDispatch, isEditing } = useVariables(true);
2493
2493
  const { disableVariablesForReals, hadVariablesInValue, sharedMenuProps } = useInputVariablesState(props);
2494
2494
  const useInputWithNoVariables = Boolean(inputWhenNoVariables && !hadVariablesInValue);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/mesh-sdk-react",
3
- "version": "20.70.0",
3
+ "version": "20.71.0",
4
4
  "description": "Uniform Mesh Framework SDK for React",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -44,24 +44,24 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "@hello-pangea/dnd": "18.0.1",
47
- "@hookform/resolvers": "^5.2.2",
48
- "@lexical/clipboard": "0.39.0",
49
- "@lexical/react": "0.39.0",
50
- "@lexical/selection": "0.39.0",
51
- "@lexical/utils": "0.39.0",
47
+ "@hookform/resolvers": "^5.4.0",
48
+ "@lexical/clipboard": "0.45.0",
49
+ "@lexical/react": "0.45.0",
50
+ "@lexical/selection": "0.45.0",
51
+ "@lexical/utils": "0.45.0",
52
52
  "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.5.0/react-icons-all-files-5.5.0.tgz",
53
- "@uniformdev/canvas": "20.70.0",
54
- "@uniformdev/design-system": "20.70.0",
55
- "@uniformdev/mesh-sdk": "20.70.0",
56
- "@uniformdev/richtext": "20.70.0",
53
+ "@uniformdev/canvas": "20.71.0",
54
+ "@uniformdev/design-system": "20.71.0",
55
+ "@uniformdev/mesh-sdk": "20.71.0",
56
+ "@uniformdev/richtext": "20.71.0",
57
57
  "dequal": "^2.0.3",
58
- "lexical": "0.39.0",
58
+ "lexical": "0.45.0",
59
59
  "mitt": "3.0.1",
60
- "react-hook-form": "7.65.0",
61
- "react-use": "17.6.0",
60
+ "react-hook-form": "7.80.0",
61
+ "react-use": "17.6.1",
62
62
  "timeago.js": "4.0.2",
63
- "uuid": "9.0.1",
64
- "zod": "4.3.6"
63
+ "uuid": "11.1.1",
64
+ "zod": "^4.4.3"
65
65
  },
66
66
  "peerDependencies": {
67
67
  "@emotion/react": ">=11.13.5",
@@ -70,12 +70,11 @@
70
70
  },
71
71
  "devDependencies": {
72
72
  "@emotion/react": "11.14.0",
73
- "@storybook/react": "10.2.10",
74
- "@svgr/cli": "6.5.1",
75
- "@types/react": "19.2.2",
76
- "@types/react-dom": "19.2.2",
77
- "@types/uuid": "9.0.4",
78
- "jsdom": "20.0.3",
73
+ "@storybook/react": "10.4.6",
74
+ "@svgr/cli": "8.1.0",
75
+ "@types/react": "19.2.17",
76
+ "@types/react-dom": "19.2.3",
77
+ "jsdom": "29.1.1",
79
78
  "react": "19.2.1",
80
79
  "react-dom": "19.2.1",
81
80
  "react-select-event": "5.5.1"
@@ -86,5 +85,5 @@
86
85
  "publishConfig": {
87
86
  "access": "public"
88
87
  },
89
- "gitHead": "3f8f572b37fc7ea5d2f37b1425451973556f3392"
88
+ "gitHead": "9b3f5e3fa27b275c00cc252da7ed72913464cce6"
90
89
  }