@raylang/elements 0.0.0-stage → 0.3.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 (95) hide show
  1. package/LICENSE +202 -0
  2. package/NOTICE +4 -0
  3. package/README.md +12 -2
  4. package/base.css +111 -0
  5. package/components/accordion/accordion.js +197 -0
  6. package/components/alert/alert.js +112 -0
  7. package/components/app-bar/app-bar.js +168 -0
  8. package/components/app-shell/app-shell.js +198 -0
  9. package/components/aspect-ratio/aspect-ratio.js +59 -0
  10. package/components/attachment/attachment.js +333 -0
  11. package/components/avatar/avatar.js +96 -0
  12. package/components/badge/badge.js +63 -0
  13. package/components/blockquote/blockquote.js +128 -0
  14. package/components/bottom-nav/bottom-nav.js +309 -0
  15. package/components/breadcrumbs/breadcrumbs.js +175 -0
  16. package/components/button/button.js +283 -0
  17. package/components/button-group/button-group.js +72 -0
  18. package/components/card/card.js +73 -0
  19. package/components/carousel/carousel.js +435 -0
  20. package/components/center/center.js +26 -0
  21. package/components/checkbox/checkbox.js +152 -0
  22. package/components/checkbox-group/checkbox-group.js +152 -0
  23. package/components/code/code.js +574 -0
  24. package/components/color-picker/color-picker.js +775 -0
  25. package/components/combobox/combobox.js +563 -0
  26. package/components/command-palette/command-palette.js +510 -0
  27. package/components/container/container.js +41 -0
  28. package/components/date-picker/date-picker.js +594 -0
  29. package/components/dialog/dialog.js +329 -0
  30. package/components/drawer/drawer.js +139 -0
  31. package/components/empty-state/empty-state.js +66 -0
  32. package/components/file-upload/file-upload.js +589 -0
  33. package/components/grid/grid.js +96 -0
  34. package/components/group/group.js +40 -0
  35. package/components/icon/icon.js +58 -0
  36. package/components/icon-button/icon-button.js +30 -0
  37. package/components/indicator/indicator.js +112 -0
  38. package/components/input/input.js +85 -0
  39. package/components/kbd/kbd.js +60 -0
  40. package/components/menu/menu.js +296 -0
  41. package/components/nav-link/nav-link.js +159 -0
  42. package/components/notification/notification.js +591 -0
  43. package/components/number-input/number-input.js +241 -0
  44. package/components/pagination/pagination.js +194 -0
  45. package/components/password-input/password-input.js +85 -0
  46. package/components/path-input/path-input.js +137 -0
  47. package/components/popover/popover.js +85 -0
  48. package/components/progress/progress.js +109 -0
  49. package/components/radio/radio.js +253 -0
  50. package/components/scroll-area/scroll-area.js +158 -0
  51. package/components/search/search.js +157 -0
  52. package/components/segmented-control/segmented-control.js +190 -0
  53. package/components/select/select.js +506 -0
  54. package/components/separator/separator.js +58 -0
  55. package/components/sidebar/sidebar.js +252 -0
  56. package/components/skeleton/skeleton.js +90 -0
  57. package/components/slider/slider.js +155 -0
  58. package/components/spinner/spinner.js +39 -0
  59. package/components/split/split.js +221 -0
  60. package/components/stack/stack.js +46 -0
  61. package/components/stat/stat.js +79 -0
  62. package/components/statusbar/statusbar.js +110 -0
  63. package/components/stepper/stepper.js +239 -0
  64. package/components/switch/switch.js +45 -0
  65. package/components/table/table.js +328 -0
  66. package/components/tabs/tabs.js +224 -0
  67. package/components/textarea/textarea.js +105 -0
  68. package/components/theme-toggle/theme-toggle.js +78 -0
  69. package/components/timeline/timeline.js +150 -0
  70. package/components/toggle/toggle.js +130 -0
  71. package/components/toggle-group/toggle-group.js +216 -0
  72. package/components/tooltip/tooltip.js +101 -0
  73. package/core/charts.js +107 -0
  74. package/core/color.js +110 -0
  75. package/core/core.js +556 -0
  76. package/core/dismiss.js +69 -0
  77. package/core/floating.js +195 -0
  78. package/core/focus.js +70 -0
  79. package/core/form.js +235 -0
  80. package/core/host.js +200 -0
  81. package/core/hotkey.js +40 -0
  82. package/core/icons.js +104 -0
  83. package/core/motion.js +73 -0
  84. package/core/position.js +91 -0
  85. package/core/raylang.js +167 -0
  86. package/core/scroll.js +58 -0
  87. package/core/styles.js +211 -0
  88. package/core.js +16 -0
  89. package/custom-elements.json +18545 -0
  90. package/index.js +74 -0
  91. package/package.json +312 -4
  92. package/ray-elements.d.ts +2570 -0
  93. package/tokens.css +796 -0
  94. package/tokens.json +2083 -0
  95. package/vscode.html-custom-data.json +5499 -0
package/index.js ADDED
@@ -0,0 +1,74 @@
1
+ // Generated by ray-elements tools from src/components/*/component.toml. Do not edit.
2
+ // Importing this module registers every <ray-*> element; import
3
+ // @raylang/elements/<name> ("/button", "/icon"…) for only some, and
4
+ // @raylang/elements/core for the API alone.
5
+
6
+ export * from "./core.js";
7
+ export { RayButton } from "./components/button/button.js";
8
+ export { RayButtonGroup } from "./components/button-group/button-group.js";
9
+ export { RayIconButton } from "./components/icon-button/icon-button.js";
10
+ export { RayToggle } from "./components/toggle/toggle.js";
11
+ export { RayToggleGroup } from "./components/toggle-group/toggle-group.js";
12
+ export { RayCheckbox } from "./components/checkbox/checkbox.js";
13
+ export { RayCheckboxGroup } from "./components/checkbox-group/checkbox-group.js";
14
+ export { RayColorPicker, RayColorInput, parseColorValue, formatColor } from "./components/color-picker/color-picker.js";
15
+ export { RayCombobox } from "./components/combobox/combobox.js";
16
+ export { RayDatePicker, RayCalendar } from "./components/date-picker/date-picker.js";
17
+ export { RayFileUpload, parseSize, matchesAccept, describeAccept } from "./components/file-upload/file-upload.js";
18
+ export { RayInput } from "./components/input/input.js";
19
+ export { RayNumberInput, parseNumber, formatNumber } from "./components/number-input/number-input.js";
20
+ export { RayPasswordInput } from "./components/password-input/password-input.js";
21
+ export { RayPathInput, dirName, baseName } from "./components/path-input/path-input.js";
22
+ export { RayRadioGroup, RayRadio } from "./components/radio/radio.js";
23
+ export { RaySearch } from "./components/search/search.js";
24
+ export { RaySegmentedControl } from "./components/segmented-control/segmented-control.js";
25
+ export { RaySelect } from "./components/select/select.js";
26
+ export { RaySlider } from "./components/slider/slider.js";
27
+ export { RaySwitch } from "./components/switch/switch.js";
28
+ export { RayTextarea } from "./components/textarea/textarea.js";
29
+ export { RayBottomNav, RayBottomNavItem } from "./components/bottom-nav/bottom-nav.js";
30
+ export { RayBreadcrumbs, RayBreadcrumb } from "./components/breadcrumbs/breadcrumbs.js";
31
+ export { RayNavLink } from "./components/nav-link/nav-link.js";
32
+ export { RayPagination, paginationRange } from "./components/pagination/pagination.js";
33
+ export { RaySidebar, RaySidebarGroup } from "./components/sidebar/sidebar.js";
34
+ export { RayStepper, RayStep } from "./components/stepper/stepper.js";
35
+ export { RayTabs, RayTab, RayTabPanel } from "./components/tabs/tabs.js";
36
+ export { RayCommandPalette, score } from "./components/command-palette/command-palette.js";
37
+ export { RayDialog, confirmDialog } from "./components/dialog/dialog.js";
38
+ export { RayDrawer } from "./components/drawer/drawer.js";
39
+ export { RayMenu, RayMenuItem, RayMenuLabel, RayMenuDivider } from "./components/menu/menu.js";
40
+ export { RayPopover } from "./components/popover/popover.js";
41
+ export { RayTooltip } from "./components/tooltip/tooltip.js";
42
+ export { RayAccordion, RayAccordionItem } from "./components/accordion/accordion.js";
43
+ export { RayAttachment, RayAttachments } from "./components/attachment/attachment.js";
44
+ export { RayAvatar, initials } from "./components/avatar/avatar.js";
45
+ export { RayBadge } from "./components/badge/badge.js";
46
+ export { RayBlockquote } from "./components/blockquote/blockquote.js";
47
+ export { RayCarousel } from "./components/carousel/carousel.js";
48
+ export { RayCode, setHighlighter, tokenize } from "./components/code/code.js";
49
+ export { RayIcon } from "./components/icon/icon.js";
50
+ export { RayIndicator } from "./components/indicator/indicator.js";
51
+ export { RayKbd } from "./components/kbd/kbd.js";
52
+ export { RayStat } from "./components/stat/stat.js";
53
+ export { RayTable } from "./components/table/table.js";
54
+ export { RayTimeline, RayTimelineItem } from "./components/timeline/timeline.js";
55
+ export { RayAlert } from "./components/alert/alert.js";
56
+ export { RayEmptyState } from "./components/empty-state/empty-state.js";
57
+ export { RayNotification, RayToaster, notify, updateNotification, hideNotification, clearNotifications, statusIcon } from "./components/notification/notification.js";
58
+ export { RayProgress } from "./components/progress/progress.js";
59
+ export { RaySkeleton } from "./components/skeleton/skeleton.js";
60
+ export { RaySpinner } from "./components/spinner/spinner.js";
61
+ export { RayAppBar } from "./components/app-bar/app-bar.js";
62
+ export { RayAppShell } from "./components/app-shell/app-shell.js";
63
+ export { RayAspectRatio, parseRatio } from "./components/aspect-ratio/aspect-ratio.js";
64
+ export { RayCard } from "./components/card/card.js";
65
+ export { RayCenter } from "./components/center/center.js";
66
+ export { RayContainer, CONTAINER_SIZES } from "./components/container/container.js";
67
+ export { RayGrid, parseCols, BREAKPOINTS } from "./components/grid/grid.js";
68
+ export { RayGroup } from "./components/group/group.js";
69
+ export { RayScrollArea } from "./components/scroll-area/scroll-area.js";
70
+ export { RaySeparator } from "./components/separator/separator.js";
71
+ export { RaySplit } from "./components/split/split.js";
72
+ export { RayStack, applyFlex } from "./components/stack/stack.js";
73
+ export { RayStatusbar, RayStatusbarItem } from "./components/statusbar/statusbar.js";
74
+ export { RayThemeToggle } from "./components/theme-toggle/theme-toggle.js";
package/package.json CHANGED
@@ -1,6 +1,314 @@
1
1
  {
2
2
  "name": "@raylang/elements",
3
- "version": "0.0.0-stage",
4
- "stub": true,
5
- "description": "Temporary package placeholder for staged publishing"
6
- }
3
+ "version": "0.3.0",
4
+ "description": "Web components for any app, with raylang extras (shadcn/ui + Mantine inspired)",
5
+ "license": "Apache-2.0",
6
+ "keywords": ["web-components", "custom-elements", "design-system", "ui", "raylang"],
7
+ "homepage": "https://github.com/ray-language/ray-elements#readme",
8
+ "bugs": {
9
+ "url": "https://github.com/ray-language/ray-elements/issues"
10
+ },
11
+ "repository": {
12
+ "type": "git",
13
+ "url": "git+https://github.com/ray-language/ray-elements.git",
14
+ "directory": "packages/elements"
15
+ },
16
+ "publishConfig": {
17
+ "access": "public"
18
+ },
19
+ "type": "module",
20
+ "main": "./index.js",
21
+ "module": "./index.js",
22
+ "types": "./ray-elements.d.ts",
23
+ "exports": {
24
+ ".": {
25
+ "types": "./ray-elements.d.ts",
26
+ "default": "./index.js"
27
+ },
28
+ "./core": {
29
+ "types": "./ray-elements.d.ts",
30
+ "default": "./core.js"
31
+ },
32
+ "./button": {
33
+ "types": "./ray-elements.d.ts",
34
+ "default": "./components/button/button.js"
35
+ },
36
+ "./button-group": {
37
+ "types": "./ray-elements.d.ts",
38
+ "default": "./components/button-group/button-group.js"
39
+ },
40
+ "./icon-button": {
41
+ "types": "./ray-elements.d.ts",
42
+ "default": "./components/icon-button/icon-button.js"
43
+ },
44
+ "./toggle": {
45
+ "types": "./ray-elements.d.ts",
46
+ "default": "./components/toggle/toggle.js"
47
+ },
48
+ "./toggle-group": {
49
+ "types": "./ray-elements.d.ts",
50
+ "default": "./components/toggle-group/toggle-group.js"
51
+ },
52
+ "./checkbox": {
53
+ "types": "./ray-elements.d.ts",
54
+ "default": "./components/checkbox/checkbox.js"
55
+ },
56
+ "./checkbox-group": {
57
+ "types": "./ray-elements.d.ts",
58
+ "default": "./components/checkbox-group/checkbox-group.js"
59
+ },
60
+ "./color-picker": {
61
+ "types": "./ray-elements.d.ts",
62
+ "default": "./components/color-picker/color-picker.js"
63
+ },
64
+ "./combobox": {
65
+ "types": "./ray-elements.d.ts",
66
+ "default": "./components/combobox/combobox.js"
67
+ },
68
+ "./date-picker": {
69
+ "types": "./ray-elements.d.ts",
70
+ "default": "./components/date-picker/date-picker.js"
71
+ },
72
+ "./file-upload": {
73
+ "types": "./ray-elements.d.ts",
74
+ "default": "./components/file-upload/file-upload.js"
75
+ },
76
+ "./input": {
77
+ "types": "./ray-elements.d.ts",
78
+ "default": "./components/input/input.js"
79
+ },
80
+ "./number-input": {
81
+ "types": "./ray-elements.d.ts",
82
+ "default": "./components/number-input/number-input.js"
83
+ },
84
+ "./password-input": {
85
+ "types": "./ray-elements.d.ts",
86
+ "default": "./components/password-input/password-input.js"
87
+ },
88
+ "./path-input": {
89
+ "types": "./ray-elements.d.ts",
90
+ "default": "./components/path-input/path-input.js"
91
+ },
92
+ "./radio": {
93
+ "types": "./ray-elements.d.ts",
94
+ "default": "./components/radio/radio.js"
95
+ },
96
+ "./search": {
97
+ "types": "./ray-elements.d.ts",
98
+ "default": "./components/search/search.js"
99
+ },
100
+ "./segmented-control": {
101
+ "types": "./ray-elements.d.ts",
102
+ "default": "./components/segmented-control/segmented-control.js"
103
+ },
104
+ "./select": {
105
+ "types": "./ray-elements.d.ts",
106
+ "default": "./components/select/select.js"
107
+ },
108
+ "./slider": {
109
+ "types": "./ray-elements.d.ts",
110
+ "default": "./components/slider/slider.js"
111
+ },
112
+ "./switch": {
113
+ "types": "./ray-elements.d.ts",
114
+ "default": "./components/switch/switch.js"
115
+ },
116
+ "./textarea": {
117
+ "types": "./ray-elements.d.ts",
118
+ "default": "./components/textarea/textarea.js"
119
+ },
120
+ "./bottom-nav": {
121
+ "types": "./ray-elements.d.ts",
122
+ "default": "./components/bottom-nav/bottom-nav.js"
123
+ },
124
+ "./breadcrumbs": {
125
+ "types": "./ray-elements.d.ts",
126
+ "default": "./components/breadcrumbs/breadcrumbs.js"
127
+ },
128
+ "./nav-link": {
129
+ "types": "./ray-elements.d.ts",
130
+ "default": "./components/nav-link/nav-link.js"
131
+ },
132
+ "./pagination": {
133
+ "types": "./ray-elements.d.ts",
134
+ "default": "./components/pagination/pagination.js"
135
+ },
136
+ "./sidebar": {
137
+ "types": "./ray-elements.d.ts",
138
+ "default": "./components/sidebar/sidebar.js"
139
+ },
140
+ "./stepper": {
141
+ "types": "./ray-elements.d.ts",
142
+ "default": "./components/stepper/stepper.js"
143
+ },
144
+ "./tabs": {
145
+ "types": "./ray-elements.d.ts",
146
+ "default": "./components/tabs/tabs.js"
147
+ },
148
+ "./command-palette": {
149
+ "types": "./ray-elements.d.ts",
150
+ "default": "./components/command-palette/command-palette.js"
151
+ },
152
+ "./dialog": {
153
+ "types": "./ray-elements.d.ts",
154
+ "default": "./components/dialog/dialog.js"
155
+ },
156
+ "./drawer": {
157
+ "types": "./ray-elements.d.ts",
158
+ "default": "./components/drawer/drawer.js"
159
+ },
160
+ "./menu": {
161
+ "types": "./ray-elements.d.ts",
162
+ "default": "./components/menu/menu.js"
163
+ },
164
+ "./popover": {
165
+ "types": "./ray-elements.d.ts",
166
+ "default": "./components/popover/popover.js"
167
+ },
168
+ "./tooltip": {
169
+ "types": "./ray-elements.d.ts",
170
+ "default": "./components/tooltip/tooltip.js"
171
+ },
172
+ "./accordion": {
173
+ "types": "./ray-elements.d.ts",
174
+ "default": "./components/accordion/accordion.js"
175
+ },
176
+ "./attachment": {
177
+ "types": "./ray-elements.d.ts",
178
+ "default": "./components/attachment/attachment.js"
179
+ },
180
+ "./avatar": {
181
+ "types": "./ray-elements.d.ts",
182
+ "default": "./components/avatar/avatar.js"
183
+ },
184
+ "./badge": {
185
+ "types": "./ray-elements.d.ts",
186
+ "default": "./components/badge/badge.js"
187
+ },
188
+ "./blockquote": {
189
+ "types": "./ray-elements.d.ts",
190
+ "default": "./components/blockquote/blockquote.js"
191
+ },
192
+ "./carousel": {
193
+ "types": "./ray-elements.d.ts",
194
+ "default": "./components/carousel/carousel.js"
195
+ },
196
+ "./code": {
197
+ "types": "./ray-elements.d.ts",
198
+ "default": "./components/code/code.js"
199
+ },
200
+ "./icon": {
201
+ "types": "./ray-elements.d.ts",
202
+ "default": "./components/icon/icon.js"
203
+ },
204
+ "./indicator": {
205
+ "types": "./ray-elements.d.ts",
206
+ "default": "./components/indicator/indicator.js"
207
+ },
208
+ "./kbd": {
209
+ "types": "./ray-elements.d.ts",
210
+ "default": "./components/kbd/kbd.js"
211
+ },
212
+ "./stat": {
213
+ "types": "./ray-elements.d.ts",
214
+ "default": "./components/stat/stat.js"
215
+ },
216
+ "./table": {
217
+ "types": "./ray-elements.d.ts",
218
+ "default": "./components/table/table.js"
219
+ },
220
+ "./timeline": {
221
+ "types": "./ray-elements.d.ts",
222
+ "default": "./components/timeline/timeline.js"
223
+ },
224
+ "./alert": {
225
+ "types": "./ray-elements.d.ts",
226
+ "default": "./components/alert/alert.js"
227
+ },
228
+ "./empty-state": {
229
+ "types": "./ray-elements.d.ts",
230
+ "default": "./components/empty-state/empty-state.js"
231
+ },
232
+ "./notification": {
233
+ "types": "./ray-elements.d.ts",
234
+ "default": "./components/notification/notification.js"
235
+ },
236
+ "./progress": {
237
+ "types": "./ray-elements.d.ts",
238
+ "default": "./components/progress/progress.js"
239
+ },
240
+ "./skeleton": {
241
+ "types": "./ray-elements.d.ts",
242
+ "default": "./components/skeleton/skeleton.js"
243
+ },
244
+ "./spinner": {
245
+ "types": "./ray-elements.d.ts",
246
+ "default": "./components/spinner/spinner.js"
247
+ },
248
+ "./app-bar": {
249
+ "types": "./ray-elements.d.ts",
250
+ "default": "./components/app-bar/app-bar.js"
251
+ },
252
+ "./app-shell": {
253
+ "types": "./ray-elements.d.ts",
254
+ "default": "./components/app-shell/app-shell.js"
255
+ },
256
+ "./aspect-ratio": {
257
+ "types": "./ray-elements.d.ts",
258
+ "default": "./components/aspect-ratio/aspect-ratio.js"
259
+ },
260
+ "./card": {
261
+ "types": "./ray-elements.d.ts",
262
+ "default": "./components/card/card.js"
263
+ },
264
+ "./center": {
265
+ "types": "./ray-elements.d.ts",
266
+ "default": "./components/center/center.js"
267
+ },
268
+ "./container": {
269
+ "types": "./ray-elements.d.ts",
270
+ "default": "./components/container/container.js"
271
+ },
272
+ "./grid": {
273
+ "types": "./ray-elements.d.ts",
274
+ "default": "./components/grid/grid.js"
275
+ },
276
+ "./group": {
277
+ "types": "./ray-elements.d.ts",
278
+ "default": "./components/group/group.js"
279
+ },
280
+ "./scroll-area": {
281
+ "types": "./ray-elements.d.ts",
282
+ "default": "./components/scroll-area/scroll-area.js"
283
+ },
284
+ "./separator": {
285
+ "types": "./ray-elements.d.ts",
286
+ "default": "./components/separator/separator.js"
287
+ },
288
+ "./split": {
289
+ "types": "./ray-elements.d.ts",
290
+ "default": "./components/split/split.js"
291
+ },
292
+ "./stack": {
293
+ "types": "./ray-elements.d.ts",
294
+ "default": "./components/stack/stack.js"
295
+ },
296
+ "./statusbar": {
297
+ "types": "./ray-elements.d.ts",
298
+ "default": "./components/statusbar/statusbar.js"
299
+ },
300
+ "./theme-toggle": {
301
+ "types": "./ray-elements.d.ts",
302
+ "default": "./components/theme-toggle/theme-toggle.js"
303
+ },
304
+ "./tokens.css": "./tokens.css",
305
+ "./tokens.json": "./tokens.json",
306
+ "./base.css": "./base.css",
307
+ "./custom-elements.json": "./custom-elements.json",
308
+ "./vscode.html-custom-data.json": "./vscode.html-custom-data.json",
309
+ "./core/*": "./core/*",
310
+ "./components/*": "./components/*"
311
+ },
312
+ "customElements": "custom-elements.json",
313
+ "sideEffects": ["./index.js", "./components/**/*.js", "*.css"]
314
+ }