@mechane-ai/elements 0.12.0 → 0.14.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 (88) hide show
  1. package/README.md +50 -11
  2. package/dist/ai.js +175 -148
  3. package/dist/{categorical-values-CTrHn9jH.js → categorical-values-BnWfIPlv.js} +3 -3
  4. package/dist/{chart-frame-38ES6kwK.js → chart-frame-Dm8UNfYD.js} +6 -6
  5. package/dist/{chart-input-C9fu7f1Q.js → chart-input-ceiMZYI-.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-BjV2EFZS.js → code-block-D07N6mYS.js} +4 -4
  14. package/dist/collections.js +414 -395
  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-C460m-O7.js → content-link-CEx2s1MU.js} +1 -1
  22. package/dist/content.js +5 -5
  23. package/dist/elements.css +71 -120
  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 +30 -16
  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/index.d.ts +2 -2
  35. package/dist/packages/ai/src/prompt-input.d.ts +9 -5
  36. package/dist/packages/charts/src/cartesian/time-series-data.d.ts +1 -1
  37. package/dist/packages/charts/src/cartesian/time-series.d.ts +2 -2
  38. package/dist/packages/charts/src/chart-frame.d.ts +2 -2
  39. package/dist/packages/collections/src/collection-controls.d.ts +8 -7
  40. package/dist/packages/collections/src/collection-scroll.d.ts +2 -2
  41. package/dist/packages/collections/src/data-table.d.ts +23 -6
  42. package/dist/packages/collections/src/index.d.ts +4 -5
  43. package/dist/packages/content/src/code/code-block.d.ts +4 -4
  44. package/dist/packages/content/src/diff/diff-source.d.ts +1 -1
  45. package/dist/packages/content/src/diff/pierre-diff.d.ts +2 -2
  46. package/dist/packages/content/src/markdown/markdown.d.ts +2 -2
  47. package/dist/packages/content/src/trace.d.ts +3 -3
  48. package/dist/packages/core/src/actions.d.ts +2 -2
  49. package/dist/packages/core/src/surfaces.d.ts +6 -6
  50. package/dist/packages/core/src/text.d.ts +2 -2
  51. package/dist/packages/feedback/src/async-region.d.ts +18 -10
  52. package/dist/packages/feedback/src/control-placeholders.d.ts +10 -5
  53. package/dist/packages/feedback/src/feedback.d.ts +2 -2
  54. package/dist/packages/feedback/src/index.d.ts +2 -3
  55. package/dist/packages/forms/src/form-actions.d.ts +2 -2
  56. package/dist/packages/forms/src/forms.d.ts +2 -2
  57. package/dist/packages/forms/src/selection-styles.d.ts +1 -1
  58. package/dist/packages/foundations/src/constants.stylex.d.ts +90 -0
  59. package/dist/packages/foundations/src/control-styles.d.ts +21 -0
  60. package/dist/packages/foundations/src/tokens.d.ts +2 -0
  61. package/dist/packages/foundations/src/tokens.stylex.d.ts +0 -85
  62. package/dist/packages/layout/src/app-shell.d.ts +2 -2
  63. package/dist/packages/layout/src/page-toolbar.d.ts +3 -3
  64. package/dist/packages/layout/src/record-page.d.ts +2 -2
  65. package/dist/packages/layout/src/resizable.d.ts +2 -2
  66. package/dist/packages/layout/src/sidebar.d.ts +6 -6
  67. package/dist/packages/layout/src/view-stack.d.ts +2 -2
  68. package/dist/packages/layout/src/workbench.d.ts +2 -2
  69. package/dist/packages/navigation/src/commands/command.d.ts +3 -3
  70. package/dist/packages/navigation/src/index.d.ts +2 -2
  71. package/dist/packages/navigation/src/page-navigation.d.ts +7 -2
  72. package/dist/packages/overlays/src/drawer.d.ts +2 -2
  73. package/dist/{pierre-diff-sUAU-xeL.js → pierre-diff-C_j0nxwS.js} +2 -2
  74. package/dist/pierre-theme-BUeJim8s.js +127 -0
  75. package/dist/{pierre-tree-DKN2eGlZ.js → pierre-tree-CBBDlJ_Y.js} +4 -4
  76. package/dist/{src-DOzle5d4.js → src-BkXlN6aZ.js} +180 -195
  77. package/dist/{src-CI6KtN2w.js → src-C9GQP3px.js} +353 -377
  78. package/dist/{src-3gzujMhN.js → src-CyJd2qSZ.js} +47 -33
  79. package/dist/{src-CVlgjAlw.js → src-d7EAi61b.js} +9 -9
  80. package/dist/theme.js +1 -1
  81. package/dist/tokens.js +3 -203
  82. package/dist/tokens.stylex-DTHHFbyl.js +128 -0
  83. package/package.json +4 -2
  84. package/packages/foundations/src/constants.stylex.ts +91 -0
  85. package/packages/foundations/src/tokens.stylex.ts +0 -88
  86. package/dist/packages/collections/src/table.d.ts +0 -17
  87. package/dist/packages/feedback/src/loading.d.ts +0 -7
  88. package/dist/pierre-theme-CBAncKdH.js +0 -126
@@ -0,0 +1,127 @@
1
+ import { t as e } from "./constants.stylex-bbdiv1fD.js";
2
+ import { d as t, i as n, l as r, r as i, u as a } from "./tokens.stylex-DTHHFbyl.js";
3
+ // packages/content/src/pierre-theme.ts
4
+ var o = {
5
+ name: "Elements",
6
+ appearance: "light",
7
+ cssVariables: {
8
+ prefix: "--elements-syntax-",
9
+ defaults: {
10
+ foreground: i.ink,
11
+ background: i.surface,
12
+ keyword: a.keyword,
13
+ string: a.string,
14
+ comment: a.comment,
15
+ number: a.number,
16
+ type: a.type,
17
+ punctuation: i.muted
18
+ }
19
+ },
20
+ style: {
21
+ "editor.background": "background",
22
+ "editor.foreground": "foreground",
23
+ syntax: {
24
+ keyword: {
25
+ color: "keyword",
26
+ font_weight: 600
27
+ },
28
+ string: "string",
29
+ comment: "comment",
30
+ number: "number",
31
+ type: "type",
32
+ function: "foreground",
33
+ operator: "punctuation",
34
+ punctuation: "punctuation"
35
+ }
36
+ }
37
+ }, s = `
38
+ :host {
39
+ color-scheme: inherit;
40
+ --diffs-font-family: ${t.monoFamily};
41
+ --diffs-header-font-family: ${t.fontFamily};
42
+ --diffs-font-size: ${t.captionSize};
43
+ --diffs-line-height: ${t.bodyLineHeight};
44
+ --diffs-gap-inline: ${r.sm};
45
+ --diffs-gap-block: ${r.sm};
46
+ --diffs-bg: ${i.surface};
47
+ --diffs-fg: ${i.ink};
48
+ --diffs-fg-number: ${i.muted};
49
+ --diffs-bg-addition: ${i.accentSoft};
50
+ --diffs-bg-deletion: ${i.dangerSoft};
51
+ --diffs-addition-color-override: ${i.accent};
52
+ --diffs-deletion-color-override: ${i.danger};
53
+ --diffs-modified-color-override: ${i.focus};
54
+ --diffs-bg-context-override: ${i.surface};
55
+ --diffs-bg-context-gutter-override: ${i.canvas};
56
+ --diffs-bg-separator-override: ${i.canvas};
57
+ --diffs-selection-background: ${i.accentSoft};
58
+ font-family: ${t.monoFamily};
59
+ font-size: ${t.captionSize};
60
+ color: ${i.ink};
61
+ background: ${i.surface};
62
+ }
63
+ pre { font-family: ${t.monoFamily}; font-size: ${t.captionSize}; line-height: ${t.bodyLineHeight}; }
64
+ [data-line-number] { color: ${i.muted}; }
65
+ [data-diffs-header] {
66
+ min-height: ${n.height};
67
+ padding-block: ${r.sm};
68
+ padding-inline: ${r.md};
69
+ border-bottom: 1px solid ${i.line};
70
+ font-size: ${t.captionSize};
71
+ line-height: ${t.captionLineHeight};
72
+ font-weight: ${t.mediumWeight};
73
+ flex-wrap: wrap;
74
+ }
75
+ [data-header-content] { flex: 1 1 12ch; }
76
+ `, c = `
77
+ :host {
78
+ color-scheme: inherit;
79
+ color: ${i.ink};
80
+ background: ${i.surface};
81
+ font-family: ${t.fontFamily};
82
+ font-size: ${t.bodySize};
83
+ --trees-font-family-override: ${t.fontFamily};
84
+ --trees-font-size-override: ${t.bodySize};
85
+ --trees-font-weight-regular-override: ${t.regularWeight};
86
+ --trees-font-weight-semibold-override: ${t.strongWeight};
87
+ --trees-search-font-weight-override: ${t.strongWeight};
88
+ --trees-padding-inline-override: ${r.md};
89
+ --trees-item-padding-x-override: ${r.sm};
90
+ --trees-item-row-gap-override: ${n.gap};
91
+ --trees-bg-override: ${i.surface};
92
+ --trees-fg-override: ${i.ink};
93
+ --trees-fg-muted-override: ${i.muted};
94
+ --trees-bg-muted-override: ${i.canvas};
95
+ --trees-input-bg-override: ${i.surface};
96
+ --trees-border-color-override: ${i.line};
97
+ --trees-border-radius-override: 0px;
98
+ --trees-accent-override: ${i.focus};
99
+ --trees-focus-ring-color-override: ${i.focus};
100
+ --trees-focus-ring-width-override: ${n.focusWidth};
101
+ --trees-focus-ring-offset-override: -2px;
102
+ --trees-selected-fg-override: ${i.ink};
103
+ --trees-selected-bg-override: ${i.canvas};
104
+ --trees-selected-focused-border-color-override: ${i.focus};
105
+ --trees-status-added-override: ${i.accent};
106
+ --trees-status-deleted-override: ${i.danger};
107
+ --trees-status-ignored-override: ${i.muted};
108
+ --trees-status-modified-override: ${i.warning};
109
+ --trees-status-renamed-override: ${i.warning};
110
+ --trees-status-untracked-override: ${i.accent};
111
+ }
112
+ [data-type="item"]:hover:not([data-item-selected="true"]):not([data-item-context-hover="true"]) {
113
+ background-color: ${i.surface};
114
+ --truncate-marker-background-overlay-color: transparent;
115
+ }
116
+ ${e.hoverPointer} {
117
+ [data-type="item"]:hover:not([data-item-selected="true"]):not([data-item-context-hover="true"]) {
118
+ background-color: ${i.canvas};
119
+ --truncate-marker-background-overlay-color: ${i.canvas};
120
+ }
121
+ }
122
+ [data-type="item"]:active:not([data-item-selected="true"]):not([data-item-context-hover="true"]) {
123
+ background-color: ${i.canvas};
124
+ --truncate-marker-background-overlay-color: ${i.canvas};
125
+ }
126
+ `;
127
+ export { s as n, c as r, o as t };
@@ -1,7 +1,7 @@
1
- import { c as e } from "./src-3gzujMhN.js";
2
- import { l as t } from "./src-DOzle5d4.js";
3
- import { conditions as n } from "./tokens.js";
4
- import { r } from "./pierre-theme-CBAncKdH.js";
1
+ import { c as e } from "./src-CyJd2qSZ.js";
2
+ import { l as t } from "./src-BkXlN6aZ.js";
3
+ import { t as n } from "./constants.stylex-bbdiv1fD.js";
4
+ import { r } from "./pierre-theme-BUeJim8s.js";
5
5
  import * as i from "@stylexjs/stylex";
6
6
  import { useEffect as a, useId as o, useRef as s, useState as c } from "react";
7
7
  import { jsx as l, jsxs as u } from "react/jsx-runtime";