@mechane-ai/elements 0.13.0 → 0.14.1

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 (83) hide show
  1. package/README.md +36 -12
  2. package/dist/ai.js +19 -19
  3. package/dist/{categorical-values-DwobbjBq.js → categorical-values-l5YTG9G3.js} +3 -3
  4. package/dist/{chart-frame-DAxsgMyl.js → chart-frame-Bf1l_7-R.js} +6 -6
  5. package/dist/{chart-input-B0snxbMH.js → chart-input-fBuRm0Lc.js} +3 -3
  6. package/dist/charts/cartesian.js +16 -16
  7. package/dist/charts/distribution.js +6 -6
  8. package/dist/charts/graph.js +5 -5
  9. package/dist/charts/hierarchy.js +3 -3
  10. package/dist/charts/matrix.js +13 -13
  11. package/dist/charts/timeline.js +30 -30
  12. package/dist/charts.js +1 -1
  13. package/dist/{code-block-VwrOHz5j.js → code-block-DB42-a0M.js} +4 -4
  14. package/dist/collections.js +330 -394
  15. package/dist/constants.stylex-bbdiv1fD.js +83 -0
  16. package/dist/content/code.js +1 -1
  17. package/dist/content/diff.js +5 -5
  18. package/dist/content/link.js +1 -1
  19. package/dist/content/markdown.js +4 -4
  20. package/dist/content/tree.js +2 -2
  21. package/dist/{content-link-Oj-MtNYi.js → content-link-rdxJ94P8.js} +1 -1
  22. package/dist/content.js +5 -5
  23. package/dist/elements.css +73 -106
  24. package/dist/feedback.js +1 -1
  25. package/dist/forms/dates.js +21 -21
  26. package/dist/forms.js +1 -1
  27. package/dist/index.js +1 -1
  28. package/dist/layout.js +22 -22
  29. package/dist/navigation/commands.js +6 -6
  30. package/dist/navigation.js +7 -7
  31. package/dist/overlays.js +1 -1
  32. package/dist/packages/ai/src/approval.d.ts +1 -1
  33. package/dist/packages/ai/src/conversation.d.ts +4 -4
  34. package/dist/packages/ai/src/prompt-input.d.ts +7 -7
  35. package/dist/packages/charts/src/cartesian/time-series-data.d.ts +1 -1
  36. package/dist/packages/charts/src/cartesian/time-series.d.ts +2 -2
  37. package/dist/packages/charts/src/chart-frame.d.ts +2 -2
  38. package/dist/packages/collections/src/collection-controls.d.ts +8 -7
  39. package/dist/packages/collections/src/collection-scroll.d.ts +2 -2
  40. package/dist/packages/collections/src/data-table.d.ts +6 -6
  41. package/dist/packages/collections/src/index.d.ts +2 -3
  42. package/dist/packages/content/src/code/code-block.d.ts +4 -4
  43. package/dist/packages/content/src/diff/diff-source.d.ts +1 -1
  44. package/dist/packages/content/src/diff/pierre-diff.d.ts +2 -2
  45. package/dist/packages/content/src/markdown/markdown.d.ts +2 -2
  46. package/dist/packages/content/src/trace.d.ts +3 -3
  47. package/dist/packages/core/src/actions.d.ts +2 -2
  48. package/dist/packages/core/src/surfaces.d.ts +6 -6
  49. package/dist/packages/core/src/text.d.ts +2 -2
  50. package/dist/packages/feedback/src/async-region.d.ts +5 -3
  51. package/dist/packages/feedback/src/control-placeholders.d.ts +5 -5
  52. package/dist/packages/feedback/src/feedback.d.ts +2 -2
  53. package/dist/packages/forms/src/form-actions.d.ts +2 -2
  54. package/dist/packages/forms/src/forms.d.ts +2 -2
  55. package/dist/packages/forms/src/selection-styles.d.ts +1 -1
  56. package/dist/packages/foundations/src/constants.stylex.d.ts +90 -0
  57. package/dist/packages/foundations/src/tokens.d.ts +2 -0
  58. package/dist/packages/foundations/src/tokens.stylex.d.ts +0 -90
  59. package/dist/packages/layout/src/app-shell.d.ts +2 -2
  60. package/dist/packages/layout/src/page-toolbar.d.ts +3 -3
  61. package/dist/packages/layout/src/record-page.d.ts +2 -2
  62. package/dist/packages/layout/src/resizable.d.ts +2 -2
  63. package/dist/packages/layout/src/sidebar.d.ts +6 -6
  64. package/dist/packages/layout/src/view-stack.d.ts +2 -2
  65. package/dist/packages/layout/src/workbench.d.ts +2 -2
  66. package/dist/packages/navigation/src/commands/command.d.ts +3 -3
  67. package/dist/packages/navigation/src/page-navigation.d.ts +4 -4
  68. package/dist/packages/overlays/src/drawer.d.ts +2 -2
  69. package/dist/{pierre-diff-sUAU-xeL.js → pierre-diff-C_j0nxwS.js} +2 -2
  70. package/dist/pierre-theme-BUeJim8s.js +127 -0
  71. package/dist/{pierre-tree-Db1yaDM2.js → pierre-tree-BaIVTNmG.js} +4 -4
  72. package/dist/{src-B0UTwpOz.js → src-BVsyKLQ8.js} +42 -41
  73. package/dist/{src-BNlyCwOr.js → src-BXh4g2VY.js} +36 -35
  74. package/dist/{src-DMsnWyru.js → src-R0kgHFPZ.js} +28 -28
  75. package/dist/{src-CVlgjAlw.js → src-d7EAi61b.js} +9 -9
  76. package/dist/theme.js +1 -1
  77. package/dist/tokens.js +3 -207
  78. package/dist/tokens.stylex-DTHHFbyl.js +128 -0
  79. package/package.json +4 -2
  80. package/packages/foundations/src/constants.stylex.ts +91 -0
  81. package/packages/foundations/src/tokens.stylex.ts +0 -90
  82. package/dist/packages/collections/src/table.d.ts +0 -17
  83. package/dist/pierre-theme-CBAncKdH.js +0 -126
@@ -14,7 +14,7 @@ import { Tooltip as f } from "@base-ui/react/tooltip";
14
14
  var p = {
15
15
  transition: {
16
16
  k1ekBW: "x6o7n8i",
17
- kIyJzY: "xtitasy xdngh92",
17
+ kIyJzY: "xtitasy xsn8rav",
18
18
  kAMwcw: "x1faw7qm",
19
19
  $$css: !0
20
20
  },
@@ -25,7 +25,7 @@ var p = {
25
25
  krVfgx: "x1ey2m1c",
26
26
  kbCHJM: "xu96u03",
27
27
  kWkggS: "xg83kri",
28
- kY2c9j: "xqhlcgi",
28
+ kY2c9j: "x1x5bwwn",
29
29
  kSiTet: "x1hc1fzr",
30
30
  k1ekBW: "x19991ni",
31
31
  kdD3Bq: "x1i2unn7",
@@ -66,7 +66,7 @@ var p = {
66
66
  kbCHJM: "x1nrll8i",
67
67
  k3aq6I: "x11lhmoz",
68
68
  kSiTet: "x1hc1fzr",
69
- kY2c9j: "xj45y6o",
69
+ kY2c9j: "xix5qz7",
70
70
  kB7OPa: "x9f619",
71
71
  kzqmXN: "xcyy4kf",
72
72
  kskxy: "xs8sm83",
@@ -165,7 +165,7 @@ var C = {
165
165
  Close: x.Close
166
166
  }, w = {
167
167
  transition: {
168
- kIyJzY: "xuil92l xdngh92",
168
+ kIyJzY: "xuil92l xsn8rav",
169
169
  kAMwcw: "x320y99",
170
170
  krwDK1: "xm69ghq",
171
171
  $$css: !0
@@ -227,7 +227,7 @@ function D({ className: t, style: n, ...i }) {
227
227
  ...e({
228
228
  className: t,
229
229
  style: n,
230
- styles: { className: "xixxii4 x13vifvy x3m8u43 x1ey2m1c xu96u03 xj45y6o" }
230
+ styles: { className: "xixxii4 x13vifvy x3m8u43 x1ey2m1c xu96u03 xix5qz7" }
231
231
  })
232
232
  });
233
233
  }
@@ -241,7 +241,7 @@ function O({ className: t, style: i, xstyle: a, ...o }) {
241
241
  })
242
242
  });
243
243
  }
244
- function k({ className: i, style: a, visuallyHidden: o = !1, ...s }) {
244
+ function k({ className: i, style: a, isVisuallyHidden: o = !1, ...s }) {
245
245
  return /* @__PURE__ */ r(c.Title, {
246
246
  ...s,
247
247
  ...e({
@@ -274,7 +274,7 @@ var j = {
274
274
  Close: c.Close
275
275
  }, M = {
276
276
  positioner: {
277
- kY2c9j: "xb912zn",
277
+ kY2c9j: "xviucbn",
278
278
  kMeerF: "x1k57tk5",
279
279
  $$css: !0
280
280
  },
@@ -318,7 +318,7 @@ var j = {
318
318
  k7Eaqz: "xeuugli",
319
319
  kHjlTd: "xj0a0fe",
320
320
  kOIVth: "x1hnptsi",
321
- kAzted: "x17tes2r xwu7q15",
321
+ kAzted: "x17tes2r x17oiadl",
322
322
  kg3NbH: "x5g2kb4",
323
323
  k8WAf4: "x1hmw7ec",
324
324
  kaIpWk: "x1ok0vyi",
@@ -592,7 +592,7 @@ function re({ className: t, style: n, sideOffset: i = 4, ...a }) {
592
592
  ...e({
593
593
  className: t,
594
594
  style: n,
595
- styles: { className: "x1rrm6on" }
595
+ styles: { className: "xhmu9ja" }
596
596
  })
597
597
  });
598
598
  }
package/dist/theme.js CHANGED
@@ -2,6 +2,6 @@ import "@stylexjs/stylex";
2
2
  // packages/foundations/src/theme.ts
3
3
  var e = {
4
4
  light: { className: "xbixft x19aimcq" },
5
- dark: { className: "xbixft xntwwlm x12671sc xm90lv7 xuezpbh x102x4ow x1on89sr x6mvf7n xqsppe0 x181h4q1 x8g9w8d x1e8hs47" }
5
+ dark: { className: "xbixft xntwwlm x45l9hb xm90lv7 x8pee18 x102x4ow xilj48j x6mvf7n x6135lz x181h4q1 x1xfk3to x1e8hs47" }
6
6
  };
7
7
  export { e as themeProps };
package/dist/tokens.js CHANGED
@@ -1,207 +1,3 @@
1
- import "@stylexjs/stylex";
2
- // packages/foundations/src/tokens.stylex.ts
3
- var e = {
4
- canvas: "var(--x7wqmh8)",
5
- surface: "var(--x13kja51)",
6
- ink: "var(--x169lqhw)",
7
- inkHover: "var(--x1umbgym)",
8
- inverse: "var(--x1m6gvuh)",
9
- muted: "var(--x24btp3)",
10
- faint: "var(--x1x21x07)",
11
- line: "var(--xe11pje)",
12
- focus: "var(--xzqn2nu)",
13
- accent: "var(--x1mu3en6)",
14
- accentSoft: "var(--x197nfi7)",
15
- warning: "var(--x17jbh5p)",
16
- warningSoft: "var(--xpslqxl)",
17
- danger: "var(--x5peq9z)",
18
- dangerHover: "var(--xo9v4xm)",
19
- dangerSoft: "var(--x1im53j)",
20
- overlay: "var(--x1i8t5sg)",
21
- __varGroupHash__: "xm90lv7"
22
- }, t = {
23
- canvas: "#191919",
24
- surface: "#101010",
25
- ink: "#f2f2f2",
26
- inkHover: "#d6d6d6",
27
- inverse: "#0a0a0a",
28
- muted: "#b0b0b0",
29
- faint: "#777777",
30
- line: "#303030",
31
- focus: "#79b3ff",
32
- accent: "#8ed3b3",
33
- accentSoft: "#152b22",
34
- warning: "#edc479",
35
- warningSoft: "#302511",
36
- danger: "#f59696",
37
- dangerHover: "#ffc3c3",
38
- dangerSoft: "#321c1c",
39
- overlay: "#00000099"
40
- }, n = {
41
- series1: "var(--x1nlt3ga)",
42
- series2: "var(--x5yb4il)",
43
- series3: "var(--x3s82iy)",
44
- series4: "var(--x1t7wf97)",
45
- series5: "var(--x13umt8e)",
46
- series6: "var(--x1f0bn7f)",
47
- negative: "var(--xiumgsg)",
48
- positive: "var(--x1l35zjm)",
49
- missing: "var(--x5dm89x)",
50
- __varGroupHash__: "x102x4ow"
51
- }, r = {
52
- series1: "#86a9d3",
53
- series2: "#83b69f",
54
- series3: "#b49bce",
55
- series4: "#cfad70",
56
- series5: "#80bbc0",
57
- series6: "#d39aad",
58
- negative: "#e0929b",
59
- positive: "#80add0",
60
- missing: "#363636"
61
- }, i = {
62
- identity1: "var(--xervi70)",
63
- identity2: "var(--x1scgmo8)",
64
- identity3: "var(--xu5wby9)",
65
- identity4: "var(--x1lp5jki)",
66
- identity5: "var(--x1y31bxi)",
67
- identity6: "var(--xzwo5h9)",
68
- identity7: "var(--xt4yqhf)",
69
- identity8: "var(--x15jwn1l)",
70
- identity9: "var(--x1mq9snr)",
71
- identity10: "var(--x1uo55dg)",
72
- identity11: "var(--xiuxd98)",
73
- identity12: "var(--x1ge60hr)",
74
- identity13: "var(--x30ad9v)",
75
- identity14: "var(--xjm3f38)",
76
- identity15: "var(--xclnw48)",
77
- identity16: "var(--x1deadh4)",
78
- identity17: "var(--xh5lcut)",
79
- identity18: "var(--xhi6zkb)",
80
- identity19: "var(--xwl956u)",
81
- identity20: "var(--xibm5mh)",
82
- identity21: "var(--xyheekc)",
83
- identity22: "var(--x1d3dkqv)",
84
- identity23: "var(--xh8xsxd)",
85
- identity24: "var(--x9u8ejr)",
86
- __varGroupHash__: "x6mvf7n"
87
- }, a = {
88
- identity1: "#f07d75",
89
- identity2: "#f09a75",
90
- identity3: "#f07598",
91
- identity4: "#f075bb",
92
- identity5: "#f075e6",
93
- identity6: "#d375f0",
94
- identity7: "#b375f0",
95
- identity8: "#9275f0",
96
- identity9: "#7575f0",
97
- identity10: "#7596f0",
98
- identity11: "#75b3f0",
99
- identity12: "#75cff0",
100
- identity13: "#75e8f0",
101
- identity14: "#75f0e3",
102
- identity15: "#75f0cd",
103
- identity16: "#75f0b5",
104
- identity17: "#75f09c",
105
- identity18: "#75f080",
106
- identity19: "#8cf075",
107
- identity20: "#b0f075",
108
- identity21: "#d7f075",
109
- identity22: "#f0e175",
110
- identity23: "#f0c375",
111
- identity24: "#f0a875"
112
- }, o = {
113
- keyword: "var(--x1t6rq9)",
114
- string: "var(--x1pa6z6o)",
115
- comment: "var(--x4crkt3)",
116
- number: "var(--x1ih6ezv)",
117
- type: "var(--x1gibtqd)",
118
- __varGroupHash__: "x181h4q1"
119
- }, s = {
120
- keyword: "#c4a1e5",
121
- string: "#8ed3b3",
122
- comment: "#a3a3a3",
123
- number: "#edc479",
124
- type: "#84bce3"
125
- }, c = {
126
- xxs: "var(--xjighox)",
127
- xs: "var(--x1xijsos)",
128
- sm: "var(--xxhyxt)",
129
- md: "var(--x1drqizm)",
130
- lg: "var(--x1qq5i99)",
131
- xl: "var(--x1iwxfi2)",
132
- xxl: "var(--x153fiic)",
133
- __varGroupHash__: "xi13snk"
134
- }, l = {
135
- fontFamily: "var(--xax3y77)",
136
- monoFamily: "var(--xntcpct)",
137
- regularWeight: "var(--x15yhtsr)",
138
- mediumWeight: "var(--x1nq3oar)",
139
- strongWeight: "var(--x1j0x2uk)",
140
- boldWeight: "var(--xeequbj)",
141
- bodySize: "var(--x105xqs)",
142
- bodyLineHeight: "var(--x1eh4a5a)",
143
- multilineLineHeight: "var(--x1kk28mq)",
144
- proseLineHeight: "var(--x1sf6ltt)",
145
- captionSize: "var(--xobsf79)",
146
- captionLineHeight: "var(--xdvbmuj)",
147
- inputSize: "var(--x1af0fv0)",
148
- touchInputSize: "var(--x18ymnwu)",
149
- sectionSize: "var(--xehpjyu)",
150
- sectionLineHeight: "var(--x170noae)",
151
- headingSize: "var(--x14wionz)",
152
- headingLineHeight: "var(--x1o42vor)",
153
- compactHeadingSize: "var(--x3ivco5)",
154
- compactHeadingLineHeight: "var(--x1q14agh)",
155
- headingTracking: "var(--xgto76l)",
156
- __varGroupHash__: "xledmcz"
157
- }, u = {
158
- height: "var(--x14tmdi9)",
159
- coarseTarget: "var(--x6uufy4)",
160
- iconSize: "var(--x1ud0cvw)",
161
- paddingInline: "var(--xrzkwmd)",
162
- paddingBlock: "var(--xjz2qh5)",
163
- gap: "var(--x1z0o8cd)",
164
- focusWidth: "var(--xxx3t85)",
165
- disabledOpacity: "var(--x9ngs59)",
166
- __varGroupHash__: "x1sjug0q"
167
- }, d = {
168
- inset: "var(--xnv5ly4)",
169
- toolbarHeight: "var(--x1m0ogk9)",
170
- sectionGap: "var(--xe6nmbs)",
171
- __varGroupHash__: "x1vss23x"
172
- }, f = {
173
- sm: "var(--x1asdyoo)",
174
- md: "var(--xz1oyae)",
175
- __varGroupHash__: "x1i152zt"
176
- }, p = {
177
- duration: "var(--xjjzqp4)",
178
- easing: "var(--x5xz5r2)",
179
- drawerDuration: "var(--xrmqybo)",
180
- drawerEasing: "var(--xumjr7l)",
181
- __varGroupHash__: "xtoz1ri"
182
- }, m = {
183
- delaySeconds: 2,
184
- revealMs: 80,
185
- placeholderMs: 120
186
- }, h = {
187
- popup: "var(--xfou7vv)",
188
- selection: "var(--x1qr3jy8)",
189
- __varGroupHash__: "x1e8hs47"
190
- }, g = { popup: "0 4px 16px #00000066" }, _ = {
191
- sticky: "1",
192
- backdrop: "20",
193
- dialog: "21",
194
- popup: "30",
195
- tooltip: "40",
196
- skipLink: "50"
197
- }, v = {
198
- rowHeight: 48,
199
- headerHeight: 36
200
- }, y = {
201
- coarsePointer: "@media (pointer: coarse)",
202
- hoverPointer: "@media (hover: hover) and (pointer: fine)",
203
- compactText: "@media (max-width:639px)",
204
- compactTable: "@media (max-width:600px)",
205
- reducedMotion: "@media (prefers-reduced-motion: reduce)"
206
- };
207
- export { i as avatarColors, n as chartColors, e as colors, y as conditions, u as controls, a as darkAvatarColors, r as darkChartColors, t as darkColors, g as darkShadows, s as darkSyntaxColors, _ as layers, m as loading, p as motion, d as pageGeometry, f as radii, h as shadows, c as spacing, o as syntaxColors, v as tableGeometry, l as typography };
1
+ import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./constants.stylex-bbdiv1fD.js";
2
+ import { a as l, c as u, d, i as f, l as p, n as m, o as h, r as g, s as _, t as v, u as y } from "./tokens.stylex-DTHHFbyl.js";
3
+ export { v as avatarColors, m as chartColors, g as colors, c as conditions, f as controls, i as darkAvatarColors, o as darkChartColors, n as darkColors, e as darkShadows, a as darkSyntaxColors, s as layers, t as loading, l as motion, h as pageGeometry, _ as radii, u as shadows, p as spacing, y as syntaxColors, r as tableGeometry, d as typography };
@@ -0,0 +1,128 @@
1
+ import "@stylexjs/stylex";
2
+ // packages/foundations/src/tokens.stylex.ts
3
+ var e = {
4
+ canvas: "var(--x7wqmh8)",
5
+ surface: "var(--x13kja51)",
6
+ ink: "var(--x169lqhw)",
7
+ inkHover: "var(--x1umbgym)",
8
+ inverse: "var(--x1m6gvuh)",
9
+ muted: "var(--x24btp3)",
10
+ faint: "var(--x1x21x07)",
11
+ line: "var(--xe11pje)",
12
+ focus: "var(--xzqn2nu)",
13
+ accent: "var(--x1mu3en6)",
14
+ accentSoft: "var(--x197nfi7)",
15
+ warning: "var(--x17jbh5p)",
16
+ warningSoft: "var(--xpslqxl)",
17
+ danger: "var(--x5peq9z)",
18
+ dangerHover: "var(--xo9v4xm)",
19
+ dangerSoft: "var(--x1im53j)",
20
+ overlay: "var(--x1i8t5sg)",
21
+ __varGroupHash__: "xm90lv7"
22
+ }, t = {
23
+ series1: "var(--x1nlt3ga)",
24
+ series2: "var(--x5yb4il)",
25
+ series3: "var(--x3s82iy)",
26
+ series4: "var(--x1t7wf97)",
27
+ series5: "var(--x13umt8e)",
28
+ series6: "var(--x1f0bn7f)",
29
+ negative: "var(--xiumgsg)",
30
+ positive: "var(--x1l35zjm)",
31
+ missing: "var(--x5dm89x)",
32
+ __varGroupHash__: "x102x4ow"
33
+ }, n = {
34
+ identity1: "var(--xervi70)",
35
+ identity2: "var(--x1scgmo8)",
36
+ identity3: "var(--xu5wby9)",
37
+ identity4: "var(--x1lp5jki)",
38
+ identity5: "var(--x1y31bxi)",
39
+ identity6: "var(--xzwo5h9)",
40
+ identity7: "var(--xt4yqhf)",
41
+ identity8: "var(--x15jwn1l)",
42
+ identity9: "var(--x1mq9snr)",
43
+ identity10: "var(--x1uo55dg)",
44
+ identity11: "var(--xiuxd98)",
45
+ identity12: "var(--x1ge60hr)",
46
+ identity13: "var(--x30ad9v)",
47
+ identity14: "var(--xjm3f38)",
48
+ identity15: "var(--xclnw48)",
49
+ identity16: "var(--x1deadh4)",
50
+ identity17: "var(--xh5lcut)",
51
+ identity18: "var(--xhi6zkb)",
52
+ identity19: "var(--xwl956u)",
53
+ identity20: "var(--xibm5mh)",
54
+ identity21: "var(--xyheekc)",
55
+ identity22: "var(--x1d3dkqv)",
56
+ identity23: "var(--xh8xsxd)",
57
+ identity24: "var(--x9u8ejr)",
58
+ __varGroupHash__: "x6mvf7n"
59
+ }, r = {
60
+ keyword: "var(--x1t6rq9)",
61
+ string: "var(--x1pa6z6o)",
62
+ comment: "var(--x4crkt3)",
63
+ number: "var(--x1ih6ezv)",
64
+ type: "var(--x1gibtqd)",
65
+ __varGroupHash__: "x181h4q1"
66
+ }, i = {
67
+ xxs: "var(--xjighox)",
68
+ xs: "var(--x1xijsos)",
69
+ sm: "var(--xxhyxt)",
70
+ md: "var(--x1drqizm)",
71
+ lg: "var(--x1qq5i99)",
72
+ xl: "var(--x1iwxfi2)",
73
+ xxl: "var(--x153fiic)",
74
+ __varGroupHash__: "xi13snk"
75
+ }, a = {
76
+ fontFamily: "var(--xax3y77)",
77
+ monoFamily: "var(--xntcpct)",
78
+ regularWeight: "var(--x15yhtsr)",
79
+ mediumWeight: "var(--x1nq3oar)",
80
+ strongWeight: "var(--x1j0x2uk)",
81
+ boldWeight: "var(--xeequbj)",
82
+ bodySize: "var(--x105xqs)",
83
+ bodyLineHeight: "var(--x1eh4a5a)",
84
+ multilineLineHeight: "var(--x1kk28mq)",
85
+ proseLineHeight: "var(--x1sf6ltt)",
86
+ captionSize: "var(--xobsf79)",
87
+ captionLineHeight: "var(--xdvbmuj)",
88
+ inputSize: "var(--x1af0fv0)",
89
+ touchInputSize: "var(--x18ymnwu)",
90
+ sectionSize: "var(--xehpjyu)",
91
+ sectionLineHeight: "var(--x170noae)",
92
+ headingSize: "var(--x14wionz)",
93
+ headingLineHeight: "var(--x1o42vor)",
94
+ compactHeadingSize: "var(--x3ivco5)",
95
+ compactHeadingLineHeight: "var(--x1q14agh)",
96
+ headingTracking: "var(--xgto76l)",
97
+ __varGroupHash__: "xledmcz"
98
+ }, o = {
99
+ height: "var(--x14tmdi9)",
100
+ coarseTarget: "var(--x6uufy4)",
101
+ iconSize: "var(--x1ud0cvw)",
102
+ paddingInline: "var(--xrzkwmd)",
103
+ paddingBlock: "var(--xjz2qh5)",
104
+ gap: "var(--x1z0o8cd)",
105
+ focusWidth: "var(--xxx3t85)",
106
+ disabledOpacity: "var(--x9ngs59)",
107
+ __varGroupHash__: "x1sjug0q"
108
+ }, s = {
109
+ inset: "var(--xnv5ly4)",
110
+ toolbarHeight: "var(--x1m0ogk9)",
111
+ sectionGap: "var(--xe6nmbs)",
112
+ __varGroupHash__: "x1vss23x"
113
+ }, c = {
114
+ sm: "var(--x1asdyoo)",
115
+ md: "var(--xz1oyae)",
116
+ __varGroupHash__: "x1i152zt"
117
+ }, l = {
118
+ duration: "var(--xjjzqp4)",
119
+ easing: "var(--x5xz5r2)",
120
+ drawerDuration: "var(--xrmqybo)",
121
+ drawerEasing: "var(--xumjr7l)",
122
+ __varGroupHash__: "xtoz1ri"
123
+ }, u = {
124
+ popup: "var(--xfou7vv)",
125
+ selection: "var(--x1qr3jy8)",
126
+ __varGroupHash__: "x1e8hs47"
127
+ };
128
+ export { l as a, u as c, a as d, o as i, i as l, t as n, s as o, e as r, c as s, n as t, r as u };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mechane-ai/elements",
3
- "version": "0.13.0",
3
+ "version": "0.14.1",
4
4
  "description": "Elements by Mechane — React components for applications, AI interfaces, and analytical graphics",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -10,6 +10,7 @@
10
10
  },
11
11
  "files": [
12
12
  "dist",
13
+ "packages/foundations/src/constants.stylex.ts",
13
14
  "packages/foundations/src/tokens.stylex.ts",
14
15
  "styles.css",
15
16
  "README.md",
@@ -122,9 +123,10 @@
122
123
  "import": "./dist/csp.js"
123
124
  },
124
125
  "./tokens": {
125
- "types": "./dist/packages/foundations/src/tokens.stylex.d.ts",
126
+ "types": "./dist/packages/foundations/src/tokens.d.ts",
126
127
  "import": "./dist/tokens.js"
127
128
  },
129
+ "./constants.stylex": "./packages/foundations/src/constants.stylex.ts",
128
130
  "./tokens.stylex": "./packages/foundations/src/tokens.stylex.ts",
129
131
  "./styles.css": "./styles.css"
130
132
  },
@@ -0,0 +1,91 @@
1
+ import * as stylex from '@stylexjs/stylex';
2
+
3
+ export const darkColors = stylex.defineConsts({
4
+ canvas: '#191919',
5
+ surface: '#101010',
6
+ ink: '#f2f2f2',
7
+ inkHover: '#d6d6d6',
8
+ inverse: '#0a0a0a',
9
+ muted: '#b0b0b0',
10
+ faint: '#777777',
11
+ line: '#303030',
12
+ focus: '#79b3ff',
13
+ accent: '#8ed3b3',
14
+ accentSoft: '#152b22',
15
+ warning: '#edc479',
16
+ warningSoft: '#302511',
17
+ danger: '#f59696',
18
+ dangerHover: '#ffc3c3',
19
+ dangerSoft: '#321c1c',
20
+ overlay: '#00000099',
21
+ });
22
+
23
+ export const darkChartColors = stylex.defineConsts({
24
+ series1: '#86a9d3',
25
+ series2: '#83b69f',
26
+ series3: '#b49bce',
27
+ series4: '#cfad70',
28
+ series5: '#80bbc0',
29
+ series6: '#d39aad',
30
+ negative: '#e0929b',
31
+ positive: '#80add0',
32
+ missing: '#363636',
33
+ });
34
+
35
+ export const darkAvatarColors = stylex.defineConsts({
36
+ identity1: '#f07d75',
37
+ identity2: '#f09a75',
38
+ identity3: '#f07598',
39
+ identity4: '#f075bb',
40
+ identity5: '#f075e6',
41
+ identity6: '#d375f0',
42
+ identity7: '#b375f0',
43
+ identity8: '#9275f0',
44
+ identity9: '#7575f0',
45
+ identity10: '#7596f0',
46
+ identity11: '#75b3f0',
47
+ identity12: '#75cff0',
48
+ identity13: '#75e8f0',
49
+ identity14: '#75f0e3',
50
+ identity15: '#75f0cd',
51
+ identity16: '#75f0b5',
52
+ identity17: '#75f09c',
53
+ identity18: '#75f080',
54
+ identity19: '#8cf075',
55
+ identity20: '#b0f075',
56
+ identity21: '#d7f075',
57
+ identity22: '#f0e175',
58
+ identity23: '#f0c375',
59
+ identity24: '#f0a875',
60
+ });
61
+
62
+ export const darkSyntaxColors = stylex.defineConsts({
63
+ keyword: '#c4a1e5',
64
+ string: '#8ed3b3',
65
+ comment: '#a3a3a3',
66
+ number: '#edc479',
67
+ type: '#84bce3',
68
+ });
69
+
70
+ export const loading = stylex.defineConsts({ delaySeconds: 2, revealMs: 80, placeholderMs: 120 });
71
+
72
+ export const darkShadows = stylex.defineConsts({ popup: '0 4px 16px #00000066' });
73
+
74
+ export const layers = stylex.defineConsts({
75
+ sticky: '1',
76
+ backdrop: '20',
77
+ dialog: '21',
78
+ popup: '30',
79
+ tooltip: '40',
80
+ skipLink: '50',
81
+ });
82
+
83
+ export const tableGeometry = stylex.defineConsts({ rowHeight: 48, headerHeight: 36 });
84
+
85
+ export const conditions = stylex.defineConsts({
86
+ coarsePointer: '@media (pointer: coarse)',
87
+ hoverPointer: '@media (hover: hover) and (pointer: fine)',
88
+ compactText: '@media (max-width:639px)',
89
+ compactTable: '@media (max-width:600px)',
90
+ reducedMotion: '@media (prefers-reduced-motion: reduce)',
91
+ });
@@ -20,26 +20,6 @@ export const colors = stylex.defineVars({
20
20
  overlay: '#00000066',
21
21
  });
22
22
 
23
- export const darkColors = stylex.defineConsts({
24
- canvas: '#191919',
25
- surface: '#101010',
26
- ink: '#f2f2f2',
27
- inkHover: '#d6d6d6',
28
- inverse: '#0a0a0a',
29
- muted: '#b0b0b0',
30
- faint: '#777777',
31
- line: '#303030',
32
- focus: '#79b3ff',
33
- accent: '#8ed3b3',
34
- accentSoft: '#152b22',
35
- warning: '#edc479',
36
- warningSoft: '#302511',
37
- danger: '#f59696',
38
- dangerHover: '#ffc3c3',
39
- dangerSoft: '#321c1c',
40
- overlay: '#00000099',
41
- });
42
-
43
23
  export const chartColors = stylex.defineVars({
44
24
  series1: '#5178a8',
45
25
  series2: '#568b76',
@@ -52,18 +32,6 @@ export const chartColors = stylex.defineVars({
52
32
  missing: '#e7e7e7',
53
33
  });
54
34
 
55
- export const darkChartColors = stylex.defineConsts({
56
- series1: '#86a9d3',
57
- series2: '#83b69f',
58
- series3: '#b49bce',
59
- series4: '#cfad70',
60
- series5: '#80bbc0',
61
- series6: '#d39aad',
62
- negative: '#e0929b',
63
- positive: '#80add0',
64
- missing: '#363636',
65
- });
66
-
67
35
  export const avatarColors = stylex.defineVars({
68
36
  identity1: '#e3291c',
69
37
  identity2: '#e1571c',
@@ -91,33 +59,6 @@ export const avatarColors = stylex.defineVars({
91
59
  identity24: '#d1661a',
92
60
  });
93
61
 
94
- export const darkAvatarColors = stylex.defineConsts({
95
- identity1: '#f07d75',
96
- identity2: '#f09a75',
97
- identity3: '#f07598',
98
- identity4: '#f075bb',
99
- identity5: '#f075e6',
100
- identity6: '#d375f0',
101
- identity7: '#b375f0',
102
- identity8: '#9275f0',
103
- identity9: '#7575f0',
104
- identity10: '#7596f0',
105
- identity11: '#75b3f0',
106
- identity12: '#75cff0',
107
- identity13: '#75e8f0',
108
- identity14: '#75f0e3',
109
- identity15: '#75f0cd',
110
- identity16: '#75f0b5',
111
- identity17: '#75f09c',
112
- identity18: '#75f080',
113
- identity19: '#8cf075',
114
- identity20: '#b0f075',
115
- identity21: '#d7f075',
116
- identity22: '#f0e175',
117
- identity23: '#f0c375',
118
- identity24: '#f0a875',
119
- });
120
-
121
62
  export const syntaxColors = stylex.defineVars({
122
63
  keyword: '#785ba1',
123
64
  string: '#21684f',
@@ -126,14 +67,6 @@ export const syntaxColors = stylex.defineVars({
126
67
  type: '#1c628f',
127
68
  });
128
69
 
129
- export const darkSyntaxColors = stylex.defineConsts({
130
- keyword: '#c4a1e5',
131
- string: '#8ed3b3',
132
- comment: '#a3a3a3',
133
- number: '#edc479',
134
- type: '#84bce3',
135
- });
136
-
137
70
  export const spacing = stylex.defineVars({
138
71
  xxs: '2px',
139
72
  xs: '4px',
@@ -190,27 +123,4 @@ export const motion = stylex.defineVars({
190
123
  drawerEasing: 'cubic-bezier(0.32, 0.72, 0, 1)',
191
124
  });
192
125
 
193
- export const loading = stylex.defineConsts({ delaySeconds: 2, revealMs: 80, placeholderMs: 120 });
194
-
195
126
  export const shadows = stylex.defineVars({ popup: '0 4px 16px #00000014', selection: 'inset 2px 0 currentColor' });
196
-
197
- export const darkShadows = stylex.defineConsts({ popup: '0 4px 16px #00000066' });
198
-
199
- export const layers = stylex.defineConsts({
200
- sticky: '1',
201
- backdrop: '20',
202
- dialog: '21',
203
- popup: '30',
204
- tooltip: '40',
205
- skipLink: '50',
206
- });
207
-
208
- export const tableGeometry = stylex.defineConsts({ rowHeight: 48, headerHeight: 36 });
209
-
210
- export const conditions = stylex.defineConsts({
211
- coarsePointer: '@media (pointer: coarse)',
212
- hoverPointer: '@media (hover: hover) and (pointer: fine)',
213
- compactText: '@media (max-width:639px)',
214
- compactTable: '@media (max-width:600px)',
215
- reducedMotion: '@media (prefers-reduced-motion: reduce)',
216
- });
@@ -1,17 +0,0 @@
1
- import type { ComponentProps, ReactNode } from 'react';
2
- type TableHeader = string | {
3
- readonly label: string;
4
- readonly width: number;
5
- readonly secondary?: boolean;
6
- };
7
- type TableProps = ComponentProps<'table'> & {
8
- readonly headers: ReadonlyArray<TableHeader>;
9
- readonly label: string;
10
- };
11
- type CellProps = ComponentProps<'td'> & {
12
- readonly secondary?: boolean;
13
- readonly mobileLabel?: string;
14
- };
15
- export declare function Table({ headers, children, label, ...props }: TableProps): ReactNode;
16
- export declare function Cell({ children, secondary, mobileLabel, ...props }: CellProps): ReactNode;
17
- export {};