@mechane-ai/elements 0.9.0 → 0.11.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 (78) hide show
  1. package/NOTICE +24 -0
  2. package/README.md +7 -1
  3. package/dist/ai.js +153 -133
  4. package/dist/{categorical-values-DYRiw5Qd.js → categorical-values-FYc43JCa.js} +4 -4
  5. package/dist/{chart-frame-RL1hCWBC.js → chart-frame-Bczk5sWj.js} +22 -14
  6. package/dist/{chart-input-Bm3ot1yD.js → chart-input-CbzVN76m.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 +119 -92
  13. package/dist/charts.js +1 -1
  14. package/dist/code-block-B7xzM3tD.js +180 -0
  15. package/dist/collections.js +319 -242
  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-CatGOrbo.js} +6 -2
  22. package/dist/content.js +172 -153
  23. package/dist/{assets/stylex.css → elements.css} +585 -229
  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/ai/src/conversation.d.ts +14 -2
  34. package/dist/packages/ai/src/index.d.ts +1 -1
  35. package/dist/packages/charts/src/cartesian/bar-chart.d.ts +5 -0
  36. package/dist/packages/charts/src/cartesian/index.d.ts +2 -2
  37. package/dist/packages/charts/src/chart-frame.d.ts +3 -0
  38. package/dist/packages/charts/src/chart-theme.d.ts +2 -1
  39. package/dist/packages/charts/src/distribution/distribution-plot.d.ts +22 -2
  40. package/dist/packages/charts/src/timeline/waterfall.d.ts +3 -2
  41. package/dist/packages/collections/src/collection-scroll.d.ts +2 -1
  42. package/dist/packages/collections/src/index.d.ts +1 -0
  43. package/dist/packages/collections/src/inspector.d.ts +6 -3
  44. package/dist/packages/content/src/diff/pierre-diff.d.ts +2 -1
  45. package/dist/packages/content/src/viewer-styles.d.ts +64 -0
  46. package/dist/packages/core/src/agent-avatar-glyphs.d.ts +1 -1
  47. package/dist/packages/core/src/index.d.ts +1 -1
  48. package/dist/packages/core/src/surfaces.d.ts +5 -0
  49. package/dist/packages/feedback/src/index.d.ts +4 -1
  50. package/dist/packages/feedback/src/toast.d.ts +5 -27
  51. package/dist/packages/forms/src/field-styles.d.ts +9 -0
  52. package/dist/packages/forms/src/selection-styles.d.ts +18 -2
  53. package/dist/packages/foundations/src/overlay-styles.d.ts +3 -1
  54. package/dist/packages/foundations/src/popup-styles.d.ts +7 -0
  55. package/dist/packages/foundations/src/tokens.stylex.d.ts +9 -0
  56. package/dist/packages/layout/src/frame.stylex.d.ts +1 -0
  57. package/dist/packages/layout/src/sidebar.d.ts +3 -1
  58. package/dist/packages/overlays/src/alert-dialog.d.ts +5 -2
  59. package/dist/packages/overlays/src/dialog.d.ts +7 -3
  60. package/dist/pierre-diff--zsiHCCB.js +71 -0
  61. package/dist/pierre-theme-D9hnHv3Z.js +126 -0
  62. package/dist/{pierre-tree-CRk09rx7.js → pierre-tree-D47uA7lb.js} +3 -3
  63. package/dist/{src-Cc0Sadzr.js → src-C_heP5kL.js} +295 -221
  64. package/dist/src-Cs0dRc4X.js +617 -0
  65. package/dist/src-D05isEh_.js +1652 -0
  66. package/dist/src-DXsGTJgv.js +969 -0
  67. package/dist/tokens.js +33 -25
  68. package/dist/viewer-styles-CpHqp5Qv.js +70 -0
  69. package/package.json +2 -1
  70. package/packages/foundations/src/tokens.stylex.ts +55 -48
  71. package/styles.css +1 -1
  72. package/dist/code-block-B30xQKqg.js +0 -175
  73. package/dist/pierre-diff-CZdzgiYm.js +0 -66
  74. package/dist/pierre-theme-BpESNIsV.js +0 -96
  75. package/dist/popup-styles-CvtZDE2t.js +0 -135
  76. package/dist/src-CfDf8TY8.js +0 -466
  77. package/dist/src-DuuAmS-c.js +0 -360
  78. package/dist/src-elMBQ2Dh.js +0 -1087
@@ -1,4 +1,4 @@
1
- import { h as e } from "./src-elMBQ2Dh.js";
1
+ import { g as e } from "./src-D05isEh_.js";
2
2
  import { chartColors as t, colors as n } from "./tokens.js";
3
3
  import * as r from "@stylexjs/stylex";
4
4
  import { useId as i } from "react";
@@ -43,6 +43,7 @@ var s = {
43
43
  kDwRjp: "x1q7gtio",
44
44
  kMv6JI: "x1hz01jw",
45
45
  kGuDYH: "xy8obcc",
46
+ k63SB2: "xj57cvi",
46
47
  kcqcaj: "xss6m8b",
47
48
  $$css: !0
48
49
  },
@@ -62,7 +63,7 @@ var s = {
62
63
  kZs9gx: "x19rmrnh",
63
64
  k7shQP: "x9v5kkp",
64
65
  kPJHz1: "x13qnu6",
65
- kiEn40: "x7s97pk",
66
+ kiEn40: "x17c0hmk",
66
67
  $$css: !0
67
68
  }
68
69
  }, l = {
@@ -82,7 +83,7 @@ function d({ title: e, description: t, children: n, actions: r, footer: s }) {
82
83
  let c = i();
83
84
  return /* @__PURE__ */ o("figure", {
84
85
  "aria-labelledby": c,
85
- className: "xeuugli x1ghz6dp xbixft xpvm0e4 x1hz01jw xtqrqnz x1778rvt",
86
+ className: "xeuugli x1ghz6dp xbixft xpvm0e4 x1hz01jw xtqrqnz xj57cvi x1778rvt",
86
87
  children: [
87
88
  /* @__PURE__ */ o("figcaption", {
88
89
  className: "x78zum5 x1a02dak x1qughib x7a106z x1n8ia3y x1wv5www",
@@ -90,10 +91,10 @@ function d({ title: e, description: t, children: n, actions: r, footer: s }) {
90
91
  className: "x1iv9x3n xeuugli xj0a0fe",
91
92
  children: [/* @__PURE__ */ a("p", {
92
93
  id: c,
93
- className: "x1ghz6dp x12myhf4 x1778rvt xo1l8bm",
94
+ className: "x1ghz6dp x12myhf4 x1778rvt xk4h15q",
94
95
  children: e
95
96
  }), t !== void 0 && /* @__PURE__ */ a("p", {
96
- className: "x1ghz6dp x1c87qhr x153jb6y xy8obcc",
97
+ className: "x1ghz6dp x1c87qhr x153jb6y xy8obcc xas2l8k",
97
98
  children: t
98
99
  })]
99
100
  }), r !== void 0 && /* @__PURE__ */ a("div", {
@@ -103,7 +104,7 @@ function d({ title: e, description: t, children: n, actions: r, footer: s }) {
103
104
  }),
104
105
  n,
105
106
  s !== void 0 && /* @__PURE__ */ a("div", {
106
- className: "x1xxf3xd x153jb6y xy8obcc",
107
+ className: "x1xxf3xd xeuugli x153jb6y xy8obcc xas2l8k xj0a0fe",
107
108
  children: s
108
109
  })
109
110
  ]
@@ -112,9 +113,9 @@ function d({ title: e, description: t, children: n, actions: r, footer: s }) {
112
113
  function f({ items: e, label: t = "Legend" }) {
113
114
  return /* @__PURE__ */ a("ul", {
114
115
  "aria-label": t,
115
- className: "x78zum5 x1a02dak x1n8ia3y xe8uvvx x1ghz6dp x1717udv x153jb6y x1hz01jw xy8obcc xas2l8k",
116
+ className: "x78zum5 x1a02dak x8zbtdt x1gkm1c7 xe8uvvx x1ghz6dp x1717udv x153jb6y x1hz01jw xy8obcc xas2l8k",
116
117
  children: e.map((e) => /* @__PURE__ */ o("li", {
117
- className: "x3nfvp2 x6s0dn4 xunmzkg",
118
+ className: "x3nfvp2 x6s0dn4 xunmzkg xeuugli x193iq5w xj0a0fe",
118
119
  children: [/* @__PURE__ */ a("span", {
119
120
  "aria-hidden": !0,
120
121
  ...r.props(u.swatch(s[e.tone]))
@@ -124,7 +125,7 @@ function f({ items: e, label: t = "Legend" }) {
124
125
  }
125
126
  function p({ label: e, selected: t = !1, onSelect: n, children: r }) {
126
127
  return n === void 0 ? /* @__PURE__ */ a("div", {
127
- className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b",
128
+ className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b",
128
129
  children: r
129
130
  }) : /* @__PURE__ */ a("button", {
130
131
  type: "button",
@@ -132,22 +133,29 @@ function p({ label: e, selected: t = !1, onSelect: n, children: r }) {
132
133
  "aria-pressed": t,
133
134
  onClick: n,
134
135
  ...{
135
- 0: { className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b x1ypdohk xzro8vx x19rmrnh x9v5kkp x13qnu6 x1bqaal" },
136
- 1: { className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz x1778rvt x1yc453h xj0a0fe xbixft xss6m8b x1ypdohk xzro8vx x19rmrnh x9v5kkp x13qnu6 x1bqaal x1r7kqkb x1jmj9dw" }
136
+ 0: { className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b x1ypdohk x1t137rt xzro8vx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal" },
137
+ 1: { className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xss6m8b x1ypdohk x1t137rt xzro8vx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal x1r7kqkb x1jmj9dw" }
137
138
  }[!!t | 0],
138
139
  children: r
139
140
  });
140
141
  }
141
- function m({ children: t, label: n = "View data" }) {
142
+ function m({ children: e }) {
143
+ return /* @__PURE__ */ a("p", {
144
+ "aria-live": "polite",
145
+ className: "x1ghz6dp xeuugli x1mqbd49 xbixft xy8obcc xas2l8k xss6m8b xj0a0fe",
146
+ children: e
147
+ });
148
+ }
149
+ function h({ children: t, label: n = "View data" }) {
142
150
  return /* @__PURE__ */ a("div", {
143
151
  className: "x1xxf3xd x178xt8z x13fuv20 xhjagg4",
144
152
  children: /* @__PURE__ */ o(e.Root, { children: [/* @__PURE__ */ a(e.Trigger, { children: n }), /* @__PURE__ */ a(e.Panel, { children: /* @__PURE__ */ a("div", {
145
153
  role: "region",
146
154
  "aria-label": n,
147
155
  tabIndex: 0,
148
- className: "xeuugli x1sslpiy xysyzu8 x19rmrnh x9v5kkp x13qnu6 x1bqaal",
156
+ className: "xeuugli x1sslpiy xysyzu8 x1t137rt x19rmrnh x9v5kkp x13qnu6 x1bqaal",
149
157
  children: t
150
158
  }) })] })
151
159
  });
152
160
  }
153
- export { c as a, f as i, p as n, s as o, d as r, m as t };
161
+ export { m as a, f as i, p as n, c as o, d as r, s, h as t };
@@ -1,5 +1,5 @@
1
- import { d as e } from "./src-DuuAmS-c.js";
2
- import { r as t } from "./chart-frame-RL1hCWBC.js";
1
+ import { f as e } from "./src-DXsGTJgv.js";
2
+ import { r as t } from "./chart-frame-Bczk5sWj.js";
3
3
  import { jsx as n } from "react/jsx-runtime";
4
4
  // packages/charts/src/chart-input.tsx
5
5
  function r(e) {