@mechane-ai/elements 0.9.0 → 0.10.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.
Files changed (71) hide show
  1. package/NOTICE +24 -0
  2. package/README.md +7 -1
  3. package/dist/ai.js +129 -125
  4. package/dist/{categorical-values-DYRiw5Qd.js → categorical-values-DLRE4EEW.js} +4 -4
  5. package/dist/{chart-frame-RL1hCWBC.js → chart-frame-et6f6Vhg.js} +22 -14
  6. package/dist/{chart-input-Bm3ot1yD.js → chart-input-CdLkFomi.js} +2 -2
  7. package/dist/charts/cartesian.js +529 -450
  8. package/dist/charts/distribution.js +302 -261
  9. package/dist/charts/graph.js +137 -103
  10. package/dist/charts/hierarchy.js +7 -7
  11. package/dist/charts/matrix.js +187 -174
  12. package/dist/charts/timeline.js +118 -92
  13. package/dist/charts.js +1 -1
  14. package/dist/code-block-D77maJBB.js +180 -0
  15. package/dist/collections.js +280 -236
  16. package/dist/content/code.js +1 -1
  17. package/dist/content/diff.js +81 -63
  18. package/dist/content/link.js +1 -1
  19. package/dist/content/markdown.js +115 -96
  20. package/dist/content/tree.js +43 -38
  21. package/dist/{content-link-BrPrpBof.js → content-link-BpSZeTNK.js} +6 -2
  22. package/dist/content.js +172 -153
  23. package/dist/{assets/stylex.css → elements.css} +471 -185
  24. package/dist/feedback.js +1 -1
  25. package/dist/forms/dates.js +25 -25
  26. package/dist/forms.js +1 -1
  27. package/dist/index.js +1 -1
  28. package/dist/layout.js +239 -192
  29. package/dist/navigation/commands.js +45 -42
  30. package/dist/{navigation-yxK3iQXo.js → navigation-D2_sGy3C.js} +2 -2
  31. package/dist/navigation.js +10 -10
  32. package/dist/overlays.js +1 -1
  33. package/dist/packages/charts/src/cartesian/bar-chart.d.ts +5 -0
  34. package/dist/packages/charts/src/cartesian/index.d.ts +2 -2
  35. package/dist/packages/charts/src/chart-frame.d.ts +3 -0
  36. package/dist/packages/charts/src/chart-theme.d.ts +2 -1
  37. package/dist/packages/charts/src/distribution/distribution-plot.d.ts +22 -2
  38. package/dist/packages/collections/src/collection-scroll.d.ts +2 -1
  39. package/dist/packages/content/src/diff/pierre-diff.d.ts +2 -1
  40. package/dist/packages/content/src/viewer-styles.d.ts +64 -0
  41. package/dist/packages/core/src/index.d.ts +1 -1
  42. package/dist/packages/core/src/surfaces.d.ts +5 -0
  43. package/dist/packages/feedback/src/index.d.ts +4 -1
  44. package/dist/packages/feedback/src/toast.d.ts +5 -27
  45. package/dist/packages/forms/src/field-styles.d.ts +9 -0
  46. package/dist/packages/forms/src/selection-styles.d.ts +18 -2
  47. package/dist/packages/foundations/src/overlay-styles.d.ts +3 -1
  48. package/dist/packages/foundations/src/popup-styles.d.ts +7 -0
  49. package/dist/packages/foundations/src/tokens.stylex.d.ts +9 -0
  50. package/dist/packages/layout/src/frame.stylex.d.ts +1 -0
  51. package/dist/packages/layout/src/sidebar.d.ts +3 -1
  52. package/dist/packages/overlays/src/alert-dialog.d.ts +5 -2
  53. package/dist/packages/overlays/src/dialog.d.ts +7 -3
  54. package/dist/pierre-diff--zsiHCCB.js +71 -0
  55. package/dist/pierre-theme-D9hnHv3Z.js +126 -0
  56. package/dist/{pierre-tree-CRk09rx7.js → pierre-tree-BFxEuxwb.js} +3 -3
  57. package/dist/{src-Cc0Sadzr.js → src-Be7NLG8c.js} +238 -186
  58. package/dist/src-CBspCKfO.js +969 -0
  59. package/dist/src-Cs0dRc4X.js +617 -0
  60. package/dist/{src-elMBQ2Dh.js → src-sU9b0oZW.js} +224 -143
  61. package/dist/tokens.js +9 -1
  62. package/dist/viewer-styles-CpHqp5Qv.js +70 -0
  63. package/package.json +2 -1
  64. package/packages/foundations/src/tokens.stylex.ts +7 -0
  65. package/styles.css +1 -1
  66. package/dist/code-block-B30xQKqg.js +0 -175
  67. package/dist/pierre-diff-CZdzgiYm.js +0 -66
  68. package/dist/pierre-theme-BpESNIsV.js +0 -96
  69. package/dist/popup-styles-CvtZDE2t.js +0 -135
  70. package/dist/src-CfDf8TY8.js +0 -466
  71. package/dist/src-DuuAmS-c.js +0 -360
@@ -1,466 +0,0 @@
1
- import { n as e, t } from "./popup-styles-CvtZDE2t.js";
2
- import { t as n } from "./style-composition-uYlczSsB.js";
3
- import { t as r } from "./accessibility-C-aIZ1Yx.js";
4
- import * as i from "@stylexjs/stylex";
5
- import { jsx as a, jsxs as o } from "react/jsx-runtime";
6
- import { Check as s } from "lucide-react";
7
- import { AlertDialog as c } from "@base-ui/react/alert-dialog";
8
- import { Dialog as l } from "@base-ui/react/dialog";
9
- import { Drawer as u } from "@base-ui/react/drawer";
10
- import { Menu as d } from "@base-ui/react/menu";
11
- import { Popover as f } from "@base-ui/react/popover";
12
- import { PreviewCard as p } from "@base-ui/react/preview-card";
13
- import { Tooltip as m } from "@base-ui/react/tooltip";
14
- // packages/overlays/src/dialog.tsx
15
- var h = { popup: {
16
- kVAEAm: "xixxii4",
17
- k87sOh: "xwa60dl",
18
- kbCHJM: "x1nrll8i",
19
- k3aq6I: "x11lhmoz",
20
- kSiTet: "x1hc1fzr",
21
- kY2c9j: "xj45y6o",
22
- kB7OPa: "x9f619",
23
- kzqmXN: "xcyy4kf",
24
- kskxy: "xs8sm83",
25
- kORKVm: "x1odjw0f",
26
- kZeWKH: "xish69e",
27
- kmVPX3: "x1jvlu93",
28
- kMzoRj: "xmkeg23",
29
- ksu8eU: "x1y0btm7",
30
- kVAM5u: "x1ey3b81",
31
- kaIpWk: "xy32g2j",
32
- kGVxlE: "x1ghndwu",
33
- kWkggS: "xpvm0e4",
34
- kMwMTN: "xbixft",
35
- kMv6JI: "x1hz01jw",
36
- khiITx: "xvmahel",
37
- kMeerF: "x1k57tk5",
38
- kdD3Bq: "x1i2unn7",
39
- koVVf4: "x1mi8ng5",
40
- $$css: !0
41
- } };
42
- function g(e) {
43
- return /* @__PURE__ */ a(l.Root, { ...e });
44
- }
45
- function _({ className: t, style: r, ...o }) {
46
- return /* @__PURE__ */ a(l.Backdrop, {
47
- ...o,
48
- ...n({
49
- className: t,
50
- style: r,
51
- styles: i.props(e.transition, e.backdrop)
52
- })
53
- });
54
- }
55
- function v({ className: t, style: r, xstyle: o, ...s }) {
56
- return /* @__PURE__ */ a(l.Popup, {
57
- ...s,
58
- ...n({
59
- className: t,
60
- style: r,
61
- styles: i.props(e.content, e.transition, h.popup, o)
62
- })
63
- });
64
- }
65
- function y({ className: t, style: r, ...o }) {
66
- return /* @__PURE__ */ a(l.Title, {
67
- ...o,
68
- ...n({
69
- className: t,
70
- style: r,
71
- styles: i.props(e.title)
72
- })
73
- });
74
- }
75
- function b({ className: t, style: r, ...o }) {
76
- return /* @__PURE__ */ a(l.Description, {
77
- ...o,
78
- ...n({
79
- className: t,
80
- style: r,
81
- styles: i.props(e.description)
82
- })
83
- });
84
- }
85
- var x = {
86
- Root: g,
87
- Trigger: l.Trigger,
88
- Portal: l.Portal,
89
- Backdrop: _,
90
- Popup: v,
91
- Title: y,
92
- Description: b,
93
- Close: l.Close
94
- };
95
- // packages/overlays/src/alert-dialog.tsx
96
- function S(e) {
97
- return /* @__PURE__ */ a(c.Root, { ...e });
98
- }
99
- var C = {
100
- Root: S,
101
- Trigger: c.Trigger,
102
- Portal: x.Portal,
103
- Backdrop: x.Backdrop,
104
- Popup: x.Popup,
105
- Title: x.Title,
106
- Description: x.Description,
107
- Close: x.Close
108
- }, w = {
109
- transition: {
110
- kIyJzY: "xuil92l xdngh92",
111
- kAMwcw: "x320y99",
112
- krwDK1: "xm69ghq",
113
- $$css: !0
114
- },
115
- backdrop: {
116
- kSiTet: "x6u05ig",
117
- $$css: !0
118
- },
119
- popup: {
120
- kVAEAm: "x10l6tqk",
121
- k87sOh: "x13vifvy",
122
- krVfgx: "x1ey2m1c",
123
- kbCHJM: "xu96u03",
124
- k1xSpc: "x78zum5",
125
- kXwgrk: "xdt5ytf",
126
- kB7OPa: "x9f619",
127
- k7Eaqz: "xeuugli",
128
- kAzted: "x2lwn1j",
129
- ks0D6T: "x16xn7b0",
130
- kWkggS: "xpvm0e4",
131
- kMwMTN: "xbixft",
132
- kMv6JI: "x1hz01jw",
133
- khiITx: "xvmahel",
134
- kGuDYH: "xtqrqnz",
135
- kLWn49: "x1778rvt",
136
- kWqL5O: "xs1s249",
137
- kSWEuD: "x32b0ac",
138
- k26BEO: "xelkwwr",
139
- kMeerF: "x1k57tk5",
140
- k3aq6I: "xwhx0j6",
141
- k1ekBW: "x11xpdln",
142
- koVVf4: "x4z8bqh",
143
- $$css: !0
144
- }
145
- };
146
- function T(e) {
147
- return /* @__PURE__ */ a(u.Root, {
148
- ...e,
149
- swipeDirection: "left"
150
- });
151
- }
152
- function E({ className: t, style: r, ...o }) {
153
- return /* @__PURE__ */ a(u.Backdrop, {
154
- ...o,
155
- ...n({
156
- className: t,
157
- style: r,
158
- styles: i.props(e.backdrop, w.transition, w.backdrop)
159
- })
160
- });
161
- }
162
- function D({ className: e, style: t, ...r }) {
163
- return /* @__PURE__ */ a(u.Viewport, {
164
- ...r,
165
- ...n({
166
- className: e,
167
- style: t,
168
- styles: { className: "xixxii4 x13vifvy x3m8u43 x1ey2m1c xu96u03 xj45y6o" }
169
- })
170
- });
171
- }
172
- function O({ className: e, style: t, xstyle: r, ...o }) {
173
- return /* @__PURE__ */ a(u.Popup, {
174
- ...o,
175
- ...n({
176
- className: e,
177
- style: t,
178
- styles: i.props(w.transition, w.popup, r)
179
- })
180
- });
181
- }
182
- function k({ className: t, style: o, visuallyHidden: s = !1, ...c }) {
183
- return /* @__PURE__ */ a(u.Title, {
184
- ...c,
185
- ...n({
186
- className: t,
187
- style: o,
188
- styles: i.props(e.title, s && r.hidden)
189
- })
190
- });
191
- }
192
- function A({ className: t, style: r, ...o }) {
193
- return /* @__PURE__ */ a(u.Description, {
194
- ...o,
195
- ...n({
196
- className: t,
197
- style: r,
198
- styles: i.props(e.description)
199
- })
200
- });
201
- }
202
- var j = {
203
- createHandle: u.createHandle,
204
- Root: T,
205
- Trigger: u.Trigger,
206
- Portal: u.Portal,
207
- Backdrop: E,
208
- Viewport: D,
209
- Popup: O,
210
- Title: k,
211
- Description: A,
212
- Close: u.Close
213
- };
214
- // packages/overlays/src/menu.tsx
215
- function M(e) {
216
- return /* @__PURE__ */ a(d.Root, { ...e });
217
- }
218
- function N(e) {
219
- return /* @__PURE__ */ a(d.SubmenuRoot, { ...e });
220
- }
221
- function P({ className: e, style: r, sideOffset: o = 4, ...s }) {
222
- return /* @__PURE__ */ a(d.Positioner, {
223
- ...s,
224
- sideOffset: o,
225
- ...n({
226
- className: e,
227
- style: r,
228
- styles: i.props(t.positioner)
229
- })
230
- });
231
- }
232
- function F({ className: e, style: r, ...o }) {
233
- return /* @__PURE__ */ a(d.Popup, {
234
- ...o,
235
- ...n({
236
- className: e,
237
- style: r,
238
- styles: i.props(t.surface, t.menu)
239
- })
240
- });
241
- }
242
- function I({ className: e, style: r, ...o }) {
243
- return /* @__PURE__ */ a(d.Item, {
244
- ...o,
245
- ...n({
246
- className: e,
247
- style: r,
248
- styles: i.props(t.item)
249
- })
250
- });
251
- }
252
- function L({ className: e, style: r, ...o }) {
253
- return /* @__PURE__ */ a(d.LinkItem, {
254
- ...o,
255
- ...n({
256
- className: e,
257
- style: r,
258
- styles: i.props(t.item)
259
- })
260
- });
261
- }
262
- function ee({ className: e, style: r, ...o }) {
263
- return /* @__PURE__ */ a(d.GroupLabel, {
264
- ...o,
265
- ...n({
266
- className: e,
267
- style: r,
268
- styles: i.props(t.label)
269
- })
270
- });
271
- }
272
- function R({ className: e, style: r, ...o }) {
273
- return /* @__PURE__ */ a(d.Separator, {
274
- ...o,
275
- ...n({
276
- className: e,
277
- style: r,
278
- styles: i.props(t.separator)
279
- })
280
- });
281
- }
282
- function z({ className: e, style: r, children: c, ...l }) {
283
- return /* @__PURE__ */ o(d.CheckboxItem, {
284
- ...l,
285
- ...n({
286
- className: e,
287
- style: r,
288
- styles: i.props(t.item)
289
- }),
290
- children: [/* @__PURE__ */ a("span", {
291
- ...i.props(t.indicator),
292
- children: /* @__PURE__ */ a(d.CheckboxItemIndicator, { children: /* @__PURE__ */ a(s, {
293
- size: 14,
294
- "aria-hidden": !0
295
- }) })
296
- }), c]
297
- });
298
- }
299
- function B(e) {
300
- return /* @__PURE__ */ a(d.RadioGroup, { ...e });
301
- }
302
- function V({ className: e, style: r, children: c, ...l }) {
303
- return /* @__PURE__ */ o(d.RadioItem, {
304
- ...l,
305
- ...n({
306
- className: e,
307
- style: r,
308
- styles: i.props(t.item)
309
- }),
310
- children: [/* @__PURE__ */ a("span", {
311
- ...i.props(t.indicator),
312
- children: /* @__PURE__ */ a(d.RadioItemIndicator, { children: /* @__PURE__ */ a(s, {
313
- size: 14,
314
- "aria-hidden": !0
315
- }) })
316
- }), c]
317
- });
318
- }
319
- function H({ className: e, style: r, ...o }) {
320
- return /* @__PURE__ */ a(d.SubmenuTrigger, {
321
- ...o,
322
- ...n({
323
- className: e,
324
- style: r,
325
- styles: i.props(t.item)
326
- })
327
- });
328
- }
329
- var U = {
330
- Root: M,
331
- Trigger: d.Trigger,
332
- Portal: d.Portal,
333
- Positioner: P,
334
- Popup: F,
335
- Item: I,
336
- LinkItem: L,
337
- Group: d.Group,
338
- GroupLabel: ee,
339
- Separator: R,
340
- CheckboxItem: z,
341
- RadioGroup: B,
342
- RadioItem: V,
343
- SubmenuRoot: N,
344
- SubmenuTrigger: H
345
- };
346
- // packages/overlays/src/popover.tsx
347
- function W(e) {
348
- return /* @__PURE__ */ a(f.Root, { ...e });
349
- }
350
- function G({ className: e, style: r, sideOffset: o = 6, ...s }) {
351
- return /* @__PURE__ */ a(f.Positioner, {
352
- ...s,
353
- sideOffset: o,
354
- ...n({
355
- className: e,
356
- style: r,
357
- styles: i.props(t.positioner)
358
- })
359
- });
360
- }
361
- function K({ className: e, style: r, ...o }) {
362
- return /* @__PURE__ */ a(f.Popup, {
363
- ...o,
364
- ...n({
365
- className: e,
366
- style: r,
367
- styles: i.props(t.surface, t.content)
368
- })
369
- });
370
- }
371
- function q({ className: t, style: r, ...o }) {
372
- return /* @__PURE__ */ a(f.Title, {
373
- ...o,
374
- ...n({
375
- className: t,
376
- style: r,
377
- styles: i.props(e.title)
378
- })
379
- });
380
- }
381
- function J({ className: t, style: r, ...o }) {
382
- return /* @__PURE__ */ a(f.Description, {
383
- ...o,
384
- ...n({
385
- className: t,
386
- style: r,
387
- styles: i.props(e.description)
388
- })
389
- });
390
- }
391
- var Y = {
392
- Root: W,
393
- Trigger: f.Trigger,
394
- Portal: f.Portal,
395
- Positioner: G,
396
- Popup: K,
397
- Title: q,
398
- Description: J,
399
- Close: f.Close
400
- };
401
- // packages/overlays/src/preview.tsx
402
- function X(e) {
403
- return /* @__PURE__ */ a(p.Root, { ...e });
404
- }
405
- function Z({ className: e, style: r, sideOffset: o = 6, ...s }) {
406
- return /* @__PURE__ */ a(p.Positioner, {
407
- ...s,
408
- sideOffset: o,
409
- ...n({
410
- className: e,
411
- style: r,
412
- styles: i.props(t.positioner)
413
- })
414
- });
415
- }
416
- function Q({ className: e, style: r, ...o }) {
417
- return /* @__PURE__ */ a(p.Popup, {
418
- ...o,
419
- ...n({
420
- className: e,
421
- style: r,
422
- styles: i.props(t.surface, t.content)
423
- })
424
- });
425
- }
426
- var $ = {
427
- Root: X,
428
- Trigger: p.Trigger,
429
- Portal: p.Portal,
430
- Positioner: Z,
431
- Popup: Q
432
- };
433
- // packages/overlays/src/tooltip.tsx
434
- function te(e) {
435
- return /* @__PURE__ */ a(m.Root, { ...e });
436
- }
437
- function ne({ className: e, style: t, sideOffset: r = 6, ...i }) {
438
- return /* @__PURE__ */ a(m.Positioner, {
439
- ...i,
440
- sideOffset: r,
441
- ...n({
442
- className: e,
443
- style: t,
444
- styles: { className: "x1rrm6on" }
445
- })
446
- });
447
- }
448
- function re({ className: e, style: t, ...r }) {
449
- return /* @__PURE__ */ a(m.Popup, {
450
- ...r,
451
- ...n({
452
- className: e,
453
- style: t,
454
- styles: { className: "x12gd09 x1hmw7ec x5g2kb4 x1ok0vyi x1pt885t x1ymx3u3 x1hz01jw xvmahel xy8obcc xas2l8k x1ghndwu xj0a0fe" }
455
- })
456
- });
457
- }
458
- var ie = {
459
- Provider: m.Provider,
460
- Root: te,
461
- Trigger: m.Trigger,
462
- Portal: m.Portal,
463
- Positioner: ne,
464
- Popup: re
465
- };
466
- export { j as a, U as i, $ as n, C as o, Y as r, x as s, ie as t };