@lotics/ui 46.2.0 → 46.8.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 (49) hide show
  1. package/AGENTS.md +38 -1
  2. package/MIGRATION.md +87 -0
  3. package/docs/ai_patterns.md +11 -0
  4. package/docs/catalog.md +217 -21
  5. package/docs/composition.md +74 -6
  6. package/docs/data_entry.md +56 -2
  7. package/docs/reviewing.md +34 -0
  8. package/docs/templates.md +93 -30
  9. package/docs/testing.md +6 -0
  10. package/examples/tpl_board.tsx +257 -0
  11. package/examples/tpl_money.tsx +1027 -0
  12. package/package.json +261 -258
  13. package/src/accordion.tsx +7 -1
  14. package/src/alert.css +0 -1
  15. package/src/alert.tsx +8 -0
  16. package/src/axis_label_indices.ts +84 -0
  17. package/src/bar_chart.tsx +137 -16
  18. package/src/board.tsx +611 -0
  19. package/src/card.tsx +7 -1
  20. package/src/charge_lines.tsx +373 -0
  21. package/src/chip_group.tsx +57 -1
  22. package/src/dialog.tsx +46 -24
  23. package/src/drawer.tsx +21 -2
  24. package/src/file_gallery_modal.tsx +3 -0
  25. package/src/file_row.tsx +98 -5
  26. package/src/icon.tsx +6 -0
  27. package/src/inline_edit.tsx +54 -10
  28. package/src/inline_number_input.tsx +5 -1
  29. package/src/inline_text_input.tsx +1 -1
  30. package/src/line_chart.tsx +2 -2
  31. package/src/locale.tsx +26 -1
  32. package/src/matrix.tsx +23 -8
  33. package/src/modal.tsx +23 -3
  34. package/src/overlay_layer.ts +65 -0
  35. package/src/page_content.tsx +8 -22
  36. package/src/page_header.tsx +60 -11
  37. package/src/popover.tsx +29 -5
  38. package/src/reference_field.tsx +36 -13
  39. package/src/skip_link.tsx +2 -1
  40. package/src/stacked_bar_chart.tsx +31 -1
  41. package/src/table.tsx +6 -1
  42. package/src/tabs.tsx +1 -1
  43. package/src/text.tsx +21 -0
  44. package/src/tooltip.tsx +2 -1
  45. package/src/use_change_set.ts +66 -17
  46. package/src/use_scroll_seam.ts +79 -0
  47. package/examples/tpl_report.tsx +0 -410
  48. package/examples/tpl_statements.tsx +0 -221
  49. package/src/line_chart_labels.ts +0 -32
package/package.json CHANGED
@@ -1,316 +1,319 @@
1
1
  {
2
2
  "name": "@lotics/ui",
3
- "version": "46.2.0",
3
+ "version": "46.8.0",
4
4
  "type": "module",
5
5
  "exports": {
6
- "./vite": {
7
- "types": "./src/vite.d.mts",
8
- "default": "./src/vite.mjs"
6
+ "./accordion": "./src/accordion.tsx",
7
+ "./action_menu": "./src/action_menu.tsx",
8
+ "./activity_indicator": "./src/activity_indicator.tsx",
9
+ "./agent_progress": "./src/agent_progress.tsx",
10
+ "./agent_run": "./src/agent_run.tsx",
11
+ "./agent_run_pane": "./src/agent_run_pane.tsx",
12
+ "./alert": "./src/alert.tsx",
13
+ "./allocation_row": "./src/allocation_row.tsx",
14
+ "./animation_fade_in": "./src/animation_fade_in.tsx",
15
+ "./app_icon": "./src/app_icon.tsx",
16
+ "./approval_prompt": "./src/approval_prompt.tsx",
17
+ "./auto_sizer": "./src/auto_sizer.tsx",
18
+ "./avatar": {
19
+ "react-native": "./src/avatar.tsx",
20
+ "default": "./src/avatar.web.tsx"
9
21
  },
10
- "./tokens": "./src/tokens.ts",
22
+ "./avatar_group": "./src/avatar_group.tsx",
23
+ "./avatar_props": "./src/avatar_props.ts",
24
+ "./avatar_size": "./src/avatar_size.ts",
25
+ "./avatar_tone": "./src/avatar_tone.ts",
26
+ "./back_button": "./src/back_button.tsx",
27
+ "./badge": "./src/badge.tsx",
28
+ "./bar_chart": "./src/bar_chart.tsx",
29
+ "./board": "./src/board.tsx",
30
+ "./brand_mark": "./src/brand_mark.tsx",
31
+ "./breakdown": "./src/breakdown.tsx",
32
+ "./button": "./src/button.tsx",
33
+ "./calendar": "./src/calendar/index.ts",
34
+ "./callout": "./src/callout.tsx",
35
+ "./capture_row": "./src/capture_row.tsx",
36
+ "./card": "./src/card.tsx",
37
+ "./card_select_item": "./src/card_select_item.tsx",
38
+ "./charge_lines": "./src/charge_lines.tsx",
39
+ "./check_circle": "./src/check_circle.tsx",
40
+ "./checkbox": "./src/checkbox.tsx",
41
+ "./checkbox_input": "./src/checkbox_input.tsx",
42
+ "./checklist": "./src/checklist.tsx",
43
+ "./chip": "./src/chip.tsx",
44
+ "./chip_group": "./src/chip_group.tsx",
45
+ "./choice_list": "./src/choice_list.tsx",
46
+ "./clarify": "./src/clarify.tsx",
47
+ "./clarify_wizard": "./src/clarify_wizard.tsx",
11
48
  "./colors": {
12
49
  "react-native": "./src/colors.ts",
13
50
  "default": "./src/colors.web.ts"
14
51
  },
52
+ "./column_filter": "./src/column_filter.tsx",
53
+ "./combobox": "./src/combobox.tsx",
54
+ "./comments_button": "./src/comments_button.tsx",
55
+ "./comments_thread": "./src/comments_thread.tsx",
56
+ "./completion_state": "./src/completion_state.tsx",
57
+ "./composer": "./src/composer.tsx",
58
+ "./confidence": "./src/confidence.tsx",
59
+ "./container": "./src/container.tsx",
60
+ "./container_size": "./src/container_size.tsx",
61
+ "./control_surface": "./src/control_surface.ts",
62
+ "./copy_button": "./src/copy_button.tsx",
63
+ "./copy_text": {
64
+ "react-native": "./src/copy_text.ts",
65
+ "default": "./src/copy_text.web.ts"
66
+ },
67
+ "./count": "./src/count.tsx",
68
+ "./counter": "./src/counter.tsx",
69
+ "./danger_zone": "./src/danger_zone.tsx",
70
+ "./data_grid": "./src/data_grid.tsx",
71
+ "./date_calendar": "./src/date_calendar.tsx",
72
+ "./date_filter": "./src/date_filter.tsx",
73
+ "./date_picker": "./src/date_picker.tsx",
74
+ "./date_range_filter_field": "./src/date_range_filter_field.tsx",
75
+ "./date_stamp": "./src/date_stamp.tsx",
15
76
  "./deadline": "./src/deadline.ts",
16
- "./option_picker": "./src/option_picker.tsx",
17
- "./option_badge": "./src/option_badge.tsx",
18
- "./member_chip": "./src/member_chip.tsx",
19
- "./member_profile_card": "./src/member_profile_card.tsx",
20
- "./member_peek": "./src/member_peek.tsx",
21
- "./member_select": "./src/member_select.tsx",
22
- "./inline_member_select": "./src/inline_member_select.tsx",
23
- "./mime": "./src/mime.ts",
77
+ "./detail_row": "./src/detail_row.tsx",
78
+ "./dialog": "./src/dialog.tsx",
79
+ "./diff_mark": "./src/diff_mark.tsx",
80
+ "./diff_value": "./src/diff_value.tsx",
81
+ "./display_font": {
82
+ "react-native": "./src/display_font.ts",
83
+ "default": "./src/display_font.web.ts"
84
+ },
85
+ "./divider": "./src/divider.tsx",
86
+ "./dots_indicator": "./src/dots_indicator.tsx",
24
87
  "./download": "./src/download.ts",
25
- "./share_or_download": "./src/share_or_download.ts",
26
- "./rotate_image": "./src/rotate_image.ts",
27
- "./file_picker": "./src/file_picker.ts",
28
- "./comments_thread": "./src/comments_thread.tsx",
88
+ "./drawer": "./src/drawer.tsx",
89
+ "./dynamic_icon": {
90
+ "react-native": "./src/dynamic_icon.tsx",
91
+ "default": "./src/dynamic_icon.web.tsx"
92
+ },
93
+ "./empty_state": "./src/empty_state.tsx",
94
+ "./error_state": "./src/error_state.tsx",
95
+ "./eyebrow": "./src/eyebrow.tsx",
29
96
  "./file_badge": "./src/file_badge.tsx",
30
- "./file_dropzone": "./src/file_dropzone.tsx",
31
- "./file_intake": "./src/file_intake.ts",
32
97
  "./file_drop_target": {
33
98
  "react-native": "./src/file_drop_target.tsx",
34
99
  "default": "./src/file_drop_target.web.tsx"
35
100
  },
36
- "./use_paste_files": {
37
- "react-native": "./src/use_paste_files.ts",
38
- "default": "./src/use_paste_files.web.ts"
39
- },
40
- "./file_thumbnail": "./src/file_thumbnail.tsx",
41
- "./file_row": "./src/file_row.tsx",
42
- "./file_rows": "./src/file_rows.tsx",
101
+ "./file_dropzone": "./src/file_dropzone.tsx",
102
+ "./file_gallery_modal": "./src/file_gallery_modal.tsx",
103
+ "./file_grid": "./src/file_grid.tsx",
104
+ "./file_intake": "./src/file_intake.ts",
105
+ "./file_picker": "./src/file_picker.ts",
43
106
  "./file_preview": {
44
107
  "react-native": "./src/file_preview.tsx",
45
108
  "default": "./src/file_preview.web.tsx"
46
109
  },
47
110
  "./file_preview_types": "./src/file_preview_types.ts",
48
- "./media_player": {
49
- "react-native": "./src/media_player.tsx",
50
- "default": "./src/media_player.web.tsx"
51
- },
52
- "./media_player_types": "./src/media_player_types.ts",
53
- "./file_gallery_modal": "./src/file_gallery_modal.tsx",
54
- "./image_gallery": "./src/image_gallery.tsx",
55
- "./rotatable_image": "./src/rotatable_image.tsx",
56
- "./use_image_rotation": "./src/use_image_rotation.ts",
57
- "./use_selection": "./src/use_selection.ts",
58
- "./use_section_nav": "./src/use_section_nav.ts",
59
- "./ledger": "./src/ledger.tsx",
60
- "./running_ledger": "./src/running_ledger.tsx",
61
- "./use_selection_mode": "./src/use_selection_mode.ts",
111
+ "./file_row": "./src/file_row.tsx",
112
+ "./file_rows": "./src/file_rows.tsx",
113
+ "./file_thumbnail": "./src/file_thumbnail.tsx",
62
114
  "./file_thumbnail_grid": "./src/file_thumbnail_grid.tsx",
63
- "./uploading_thumbnail": "./src/uploading_thumbnail.tsx",
64
- "./file_grid": "./src/file_grid.tsx",
65
115
  "./files_editor": "./src/files_editor.tsx",
66
- "./pagination": "./src/pagination.tsx",
67
- "./bar_chart": "./src/bar_chart.tsx",
68
- "./line_chart": "./src/line_chart.tsx",
69
- "./pie_chart": "./src/pie_chart.tsx",
70
- "./metric": "./src/metric.tsx",
71
- "./sparkline": "./src/sparkline.tsx",
72
- "./trend_chip": "./src/trend_chip.tsx",
73
- "./section_card": "./src/section_card.tsx",
74
- "./kpi_card": "./src/kpi_card.tsx",
75
- "./kpi_strip": "./src/kpi_strip.tsx",
76
- "./summary_line": "./src/summary_line.tsx",
77
- "./summary": "./src/summary.tsx",
78
- "./empty_state": "./src/empty_state.tsx",
79
- "./error_state": "./src/error_state.tsx",
80
- "./format_date": "./src/format_date.ts",
81
- "./format_money": "./src/format_money.ts",
82
- "./calendar": "./src/calendar/index.ts",
83
- "./gantt": "./src/gantt/index.ts",
84
- "./progress_ring": "./src/progress_ring.tsx",
85
- "./stacked_progress_bar": "./src/stacked_progress_bar.tsx",
86
- "./stacked_bar_chart": "./src/stacked_bar_chart.tsx",
87
- "./waterfall_chart": "./src/waterfall_chart.tsx",
88
- "./legend_item": "./src/legend_item.tsx",
89
- "./breakdown": "./src/breakdown.tsx",
90
- "./funnel": "./src/funnel.tsx",
91
- "./status_grid": "./src/status_grid.tsx",
92
- "./heatmap": "./src/heatmap.tsx",
93
- "./matrix": "./src/matrix.tsx",
94
- "./matrix_totals": "./src/matrix_totals.ts",
95
- "./trend_footer": "./src/trend_footer.tsx",
96
- "./locale": "./src/locale.tsx",
97
- "./spacing": "./src/spacing.ts",
98
- "./theme": {
99
- "react-native": "./src/theme.ts",
100
- "default": "./src/theme.web.ts"
116
+ "./filter_chip": "./src/filter_chip.tsx",
117
+ "./finding": "./src/finding.tsx",
118
+ "./floating_action_bar": "./src/floating_action_bar.tsx",
119
+ "./focus_ring_pressable": "./src/focus_ring_pressable.tsx",
120
+ "./follow_scroll": "./src/follow_scroll.tsx",
121
+ "./font_family": {
122
+ "react-native": "./src/font_family.ts",
123
+ "default": "./src/font_family.web.ts"
101
124
  },
102
- "./progress_bar": "./src/progress_bar.tsx",
125
+ "./fonts.css": "./src/fonts.css",
103
126
  "./form_date_picker": "./src/form_date_picker.tsx",
127
+ "./form_field": "./src/form_field.tsx",
128
+ "./form_markdown_editor": "./src/form_markdown_editor.tsx",
104
129
  "./form_picker": "./src/form_picker.tsx",
105
- "./picker": "./src/picker.tsx",
106
- "./select": "./src/select.tsx",
107
- "./option_list": "./src/option_list.tsx",
108
- "./text": "./src/text.tsx",
109
- "./eyebrow": "./src/eyebrow.tsx",
130
+ "./form_switch": "./src/form_switch.tsx",
131
+ "./form_text_input": "./src/form_text_input.tsx",
132
+ "./format_date": "./src/format_date.ts",
133
+ "./format_money": "./src/format_money.ts",
134
+ "./funnel": "./src/funnel.tsx",
135
+ "./gantt": "./src/gantt/index.ts",
136
+ "./group_avatar": "./src/group_avatar.tsx",
110
137
  "./group_lead": "./src/group_lead.tsx",
111
- "./activity_indicator": "./src/activity_indicator.tsx",
112
- "./agent_run": "./src/agent_run.tsx",
113
- "./agent_progress": "./src/agent_progress.tsx",
114
- "./approval_prompt": "./src/approval_prompt.tsx",
115
- "./message_actions": "./src/message_actions.tsx",
116
- "./comments_button": "./src/comments_button.tsx",
117
- "./copy_button": "./src/copy_button.tsx",
118
- "./copy_text": {
119
- "react-native": "./src/copy_text.ts",
120
- "default": "./src/copy_text.web.ts"
121
- },
122
- "./follow_scroll": "./src/follow_scroll.tsx",
123
- "./markdown": {
124
- "react-native": "./src/markdown.tsx",
125
- "default": "./src/markdown.web.tsx"
126
- },
127
- "./markdown_types": "./src/markdown_types.ts",
128
- "./markdown.css": "./src/markdown.css",
129
- "./confidence": "./src/confidence.tsx",
130
- "./finding": "./src/finding.tsx",
131
- "./clarify": "./src/clarify.tsx",
132
- "./clarify_wizard": "./src/clarify_wizard.tsx",
133
- "./agent_run_pane": "./src/agent_run_pane.tsx",
134
- "./result_header": "./src/result_header.tsx",
135
- "./choice_list": "./src/choice_list.tsx",
136
- "./sources": "./src/sources.tsx",
138
+ "./heading_altitude": "./src/heading_altitude.ts",
139
+ "./heatmap": "./src/heatmap.tsx",
137
140
  "./icon": "./src/icon.tsx",
138
- "./brand_mark": "./src/brand_mark.tsx",
139
- "./dynamic_icon": {
140
- "react-native": "./src/dynamic_icon.tsx",
141
- "default": "./src/dynamic_icon.web.tsx"
142
- },
143
- "./app_icon": "./src/app_icon.tsx",
144
- "./tooltip": "./src/tooltip.tsx",
145
- "./button": "./src/button.tsx",
146
- "./checkbox": "./src/checkbox.tsx",
147
- "./combobox": "./src/combobox.tsx",
148
- "./composer": "./src/composer.tsx",
149
- "./portal": "./src/portal.tsx",
150
- "./popover_nav": "./src/popover_nav.tsx",
151
- "./popover": "./src/popover.tsx",
152
- "./overlay_scope": "./src/overlay_scope.ts",
153
- "./switcher": "./src/switcher.tsx",
154
- "./menu_button": "./src/menu_button.tsx",
155
- "./menu_list_item": "./src/menu_list_item.tsx",
156
- "./pressable_highlight": "./src/pressable_highlight.tsx",
157
- "./pending_commits": "./src/pending_commits.ts",
158
- "./pressable_row": "./src/pressable_row.tsx",
159
- "./press_door": "./src/press_door.tsx",
160
- "./floating_action_bar": "./src/floating_action_bar.tsx",
161
141
  "./icon_button": "./src/icon_button.tsx",
142
+ "./image_gallery": "./src/image_gallery.tsx",
143
+ "./index.css": "./src/index.css",
162
144
  "./info_popover": "./src/info_popover.tsx",
163
- "./peek": "./src/peek.tsx",
164
- "./action_menu": "./src/action_menu.tsx",
165
- "./card_select_item": "./src/card_select_item.tsx",
166
- "./badge": "./src/badge.tsx",
167
- "./callout": "./src/callout.tsx",
168
- "./inset": "./src/inset.tsx",
169
145
  "./inline_button": "./src/inline_button.tsx",
146
+ "./inline_date_picker": "./src/inline_date_picker.tsx",
170
147
  "./inline_edit": "./src/inline_edit.tsx",
171
- "./inline_slot": "./src/inline_slot.tsx",
172
- "./inline_static": "./src/inline_static.tsx",
173
148
  "./inline_files": "./src/inline_files.tsx",
149
+ "./inline_focus": "./src/inline_focus.ts",
174
150
  "./inline_markdown": "./src/inline_markdown.tsx",
151
+ "./inline_member_select": "./src/inline_member_select.tsx",
152
+ "./inline_number_input": "./src/inline_number_input.tsx",
153
+ "./inline_select": "./src/inline_select.tsx",
154
+ "./inline_slot": "./src/inline_slot.tsx",
155
+ "./inline_static": "./src/inline_static.tsx",
156
+ "./inline_text_input": "./src/inline_text_input.tsx",
157
+ "./inline_time_picker": "./src/inline_time_picker.tsx",
158
+ "./inset": "./src/inset.tsx",
159
+ "./interaction_modality": "./src/interaction_modality.ts",
160
+ "./json_panel": "./src/json_panel.tsx",
161
+ "./keyboard": "./src/keyboard.ts",
162
+ "./kpi_card": "./src/kpi_card.tsx",
163
+ "./kpi_strip": "./src/kpi_strip.tsx",
164
+ "./label_tone": "./src/label_tone.ts",
165
+ "./landmark": "./src/landmark.tsx",
166
+ "./ledger": "./src/ledger.tsx",
167
+ "./legend_item": "./src/legend_item.tsx",
168
+ "./line_chart": "./src/line_chart.tsx",
169
+ "./link": "./src/link.tsx",
170
+ "./list": "./src/list.tsx",
171
+ "./list_item": "./src/list_item.tsx",
172
+ "./loading": "./src/loading.tsx",
173
+ "./locale": "./src/locale.tsx",
174
+ "./markdown": {
175
+ "react-native": "./src/markdown.tsx",
176
+ "default": "./src/markdown.web.tsx"
177
+ },
178
+ "./markdown.css": "./src/markdown.css",
175
179
  "./markdown_editor": {
176
180
  "react-native": "./src/markdown_editor.tsx",
177
181
  "default": "./src/markdown_editor.web.tsx"
178
182
  },
179
- "./markdown_editor_props": "./src/markdown_editor_props.ts",
180
183
  "./markdown_editor.css": "./src/markdown_editor.css",
181
- "./form_markdown_editor": "./src/form_markdown_editor.tsx",
182
- "./inline_text_input": "./src/inline_text_input.tsx",
183
- "./inline_number_input": "./src/inline_number_input.tsx",
184
- "./inline_select": "./src/inline_select.tsx",
185
- "./inline_date_picker": "./src/inline_date_picker.tsx",
186
- "./inline_time_picker": "./src/inline_time_picker.tsx",
187
- "./divider": "./src/divider.tsx",
188
- "./spacer": "./src/spacer.tsx",
189
- "./index.css": "./src/index.css",
190
- "./fonts.css": "./src/fonts.css",
191
- "./keyboard": "./src/keyboard.ts",
192
- "./use_screen_size": "./src/use_screen_size.ts",
193
- "./container_size": "./src/container_size.tsx",
194
- "./size_boundary": "./src/size_boundary.tsx",
195
- "./use_auto_grow_height": "./src/use_auto_grow_height.ts",
196
- "./use_focus_ring": "./src/use_focus_ring.ts",
197
- "./use_gated_press": "./src/use_gated_press.ts",
198
- "./interaction_modality": "./src/interaction_modality.ts",
199
- "./inline_focus": "./src/inline_focus.ts",
200
- "./use_hover": "./src/use_hover.ts",
201
- "./focus_ring_pressable": "./src/focus_ring_pressable.tsx",
202
- "./control_surface": "./src/control_surface.ts",
203
- "./shortcut_badge": "./src/shortcut_badge.tsx",
204
- "./text_input_field": "./src/text_input_field.tsx",
184
+ "./markdown_editor_props": "./src/markdown_editor_props.ts",
185
+ "./markdown_types": "./src/markdown_types.ts",
186
+ "./matrix": "./src/matrix.tsx",
187
+ "./matrix_totals": "./src/matrix_totals.ts",
188
+ "./media_player": {
189
+ "react-native": "./src/media_player.tsx",
190
+ "default": "./src/media_player.web.tsx"
191
+ },
192
+ "./media_player_types": "./src/media_player_types.ts",
193
+ "./member_chip": "./src/member_chip.tsx",
194
+ "./member_peek": "./src/member_peek.tsx",
195
+ "./member_profile_card": "./src/member_profile_card.tsx",
196
+ "./member_select": "./src/member_select.tsx",
197
+ "./menu_button": "./src/menu_button.tsx",
198
+ "./menu_list_item": "./src/menu_list_item.tsx",
199
+ "./message_actions": "./src/message_actions.tsx",
200
+ "./metric": "./src/metric.tsx",
201
+ "./mime": "./src/mime.ts",
202
+ "./modal": "./src/modal.tsx",
205
203
  "./number_input": "./src/number_input.tsx",
206
- "./search_input": "./src/search_input.tsx",
207
- "./switch": "./src/switch.tsx",
208
- "./form_field": "./src/form_field.tsx",
209
- "./checkbox_input": "./src/checkbox_input.tsx",
210
- "./check_circle": "./src/check_circle.tsx",
211
- "./checklist": "./src/checklist.tsx",
204
+ "./option_badge": "./src/option_badge.tsx",
205
+ "./option_list": "./src/option_list.tsx",
206
+ "./option_picker": "./src/option_picker.tsx",
207
+ "./overlay_layer": "./src/overlay_layer.ts",
208
+ "./overlay_scope": "./src/overlay_scope.ts",
209
+ "./page_content": "./src/page_content.tsx",
210
+ "./page_header": "./src/page_header.tsx",
211
+ "./pagination": "./src/pagination.tsx",
212
+ "./peek": "./src/peek.tsx",
213
+ "./pending_commits": "./src/pending_commits.ts",
214
+ "./picker": "./src/picker.tsx",
215
+ "./pie_chart": "./src/pie_chart.tsx",
216
+ "./popover": "./src/popover.tsx",
217
+ "./popover_nav": "./src/popover_nav.tsx",
218
+ "./portal": "./src/portal.tsx",
219
+ "./press_door": "./src/press_door.tsx",
220
+ "./pressable_highlight": "./src/pressable_highlight.tsx",
221
+ "./pressable_row": "./src/pressable_row.tsx",
222
+ "./progress_bar": "./src/progress_bar.tsx",
223
+ "./progress_ring": "./src/progress_ring.tsx",
212
224
  "./radio_picker": "./src/radio_picker.tsx",
213
- "./form_text_input": "./src/form_text_input.tsx",
214
- "./form_switch": "./src/form_switch.tsx",
215
- "./chip": "./src/chip.tsx",
216
- "./filter_chip": "./src/filter_chip.tsx",
217
- "./slider": "./src/slider.tsx",
218
- "./slider_math": "./src/slider_math.ts",
219
- "./counter": "./src/counter.tsx",
220
- "./link": "./src/link.tsx",
225
+ "./record_summary": "./src/record_summary.tsx",
221
226
  "./reference_field": "./src/reference_field.tsx",
222
227
  "./related_record_row": "./src/related_record_row.tsx",
223
- "./text_disclosure": "./src/text_disclosure.tsx",
224
- "./text_link": "./src/text_link.tsx",
225
- "./sort_header": "./src/sort_header.tsx",
226
- "./skeleton": "./src/skeleton.tsx",
227
- "./table": "./src/table.tsx",
228
- "./table_fit": "./src/table_fit.ts",
229
- "./data_grid": "./src/data_grid.tsx",
230
- "./detail_row": "./src/detail_row.tsx",
231
- "./record_summary": "./src/record_summary.tsx",
232
- "./capture_row": "./src/capture_row.tsx",
233
- "./suggestion_chip": "./src/suggestion_chip.tsx",
234
- "./danger_zone": "./src/danger_zone.tsx",
235
- "./scan_field": "./src/scan_field.tsx",
236
- "./completion_state": "./src/completion_state.tsx",
237
228
  "./remainder_meter": "./src/remainder_meter.tsx",
238
- "./allocation_row": "./src/allocation_row.tsx",
239
- "./back_button": "./src/back_button.tsx",
240
- "./container": "./src/container.tsx",
241
- "./count": "./src/count.tsx",
242
- "./dots_indicator": "./src/dots_indicator.tsx",
243
- "./list": "./src/list.tsx",
244
- "./list_item": "./src/list_item.tsx",
229
+ "./result_header": "./src/result_header.tsx",
230
+ "./rotatable_image": "./src/rotatable_image.tsx",
231
+ "./rotate_image": "./src/rotate_image.ts",
232
+ "./route_matching": "./src/route_matching.ts",
233
+ "./running_ledger": "./src/running_ledger.tsx",
234
+ "./scan_field": "./src/scan_field.tsx",
235
+ "./screen_router": "./src/screen_router.tsx",
236
+ "./scroll_to_bottom": "./src/scroll_to_bottom.tsx",
237
+ "./search_input": "./src/search_input.tsx",
238
+ "./section_card": "./src/section_card.tsx",
245
239
  "./section_heading": "./src/section_heading.tsx",
246
- "./heading_altitude": "./src/heading_altitude.ts",
247
240
  "./section_stack": "./src/section_stack.tsx",
248
- "./sequence": "./src/sequence.tsx",
241
+ "./segmented_control": "./src/segmented_control.tsx",
242
+ "./select": "./src/select.tsx",
249
243
  "./separator": "./src/separator.tsx",
244
+ "./sequence": "./src/sequence.tsx",
245
+ "./share_or_download": "./src/share_or_download.ts",
246
+ "./shortcut_badge": "./src/shortcut_badge.tsx",
247
+ "./size_boundary": "./src/size_boundary.tsx",
248
+ "./skeleton": "./src/skeleton.tsx",
249
+ "./skip_link": "./src/skip_link.tsx",
250
+ "./slider": "./src/slider.tsx",
251
+ "./slider_math": "./src/slider_math.ts",
252
+ "./sort_header": "./src/sort_header.tsx",
253
+ "./sources": "./src/sources.tsx",
254
+ "./spacer": "./src/spacer.tsx",
255
+ "./spacing": "./src/spacing.ts",
256
+ "./sparkline": "./src/sparkline.tsx",
250
257
  "./stack": "./src/stack.tsx",
258
+ "./stacked_bar_chart": "./src/stacked_bar_chart.tsx",
259
+ "./stacked_progress_bar": "./src/stacked_progress_bar.tsx",
251
260
  "./status_badge": "./src/status_badge.tsx",
252
- "./card": "./src/card.tsx",
253
- "./accordion": "./src/accordion.tsx",
254
- "./stepper": "./src/stepper.tsx",
261
+ "./status_grid": "./src/status_grid.tsx",
255
262
  "./step_progress": "./src/step_progress.tsx",
263
+ "./stepper": "./src/stepper.tsx",
264
+ "./suggestion_chip": "./src/suggestion_chip.tsx",
265
+ "./summary": "./src/summary.tsx",
266
+ "./summary_line": "./src/summary_line.tsx",
267
+ "./switch": "./src/switch.tsx",
268
+ "./switch_button": "./src/switch_button.tsx",
269
+ "./switcher": "./src/switcher.tsx",
270
+ "./table": "./src/table.tsx",
271
+ "./table_fit": "./src/table_fit.ts",
256
272
  "./tabs": "./src/tabs.tsx",
257
- "./segmented_control": "./src/segmented_control.tsx",
258
- "./auto_sizer": "./src/auto_sizer.tsx",
259
- "./avatar_group": "./src/avatar_group.tsx",
260
- "./label_tone": "./src/label_tone.ts",
261
- "./group_avatar": "./src/group_avatar.tsx",
262
- "./page_content": "./src/page_content.tsx",
263
- "./page_header": "./src/page_header.tsx",
264
- "./date_picker": "./src/date_picker.tsx",
265
- "./date_stamp": "./src/date_stamp.tsx",
266
- "./date_filter": "./src/date_filter.tsx",
267
- "./date_range_filter_field": "./src/date_range_filter_field.tsx",
268
- "./time_picker": "./src/time_picker.tsx",
269
- "./time_options": "./src/time_options.ts",
270
- "./time_columns": "./src/time_columns.tsx",
271
- "./date_calendar": "./src/date_calendar.tsx",
272
- "./dialog": "./src/dialog.tsx",
273
- "./drawer": "./src/drawer.tsx",
274
- "./modal": "./src/modal.tsx",
275
- "./screen_router": "./src/screen_router.tsx",
276
- "./route_matching": "./src/route_matching.ts",
277
- "./avatar": {
278
- "react-native": "./src/avatar.tsx",
279
- "default": "./src/avatar.web.tsx"
280
- },
281
- "./wave_avatar": {
282
- "react-native": "./src/wave_avatar.tsx",
283
- "default": "./src/wave_avatar.web.tsx"
273
+ "./text": "./src/text.tsx",
274
+ "./text_disclosure": "./src/text_disclosure.tsx",
275
+ "./text_input_field": "./src/text_input_field.tsx",
276
+ "./text_link": "./src/text_link.tsx",
277
+ "./text_utils": "./src/text_utils.ts",
278
+ "./theme": {
279
+ "react-native": "./src/theme.ts",
280
+ "default": "./src/theme.web.ts"
284
281
  },
285
- "./use_async_fn": "./src/use_async_fn.ts",
286
- "./use_debounced_callback": "./src/use_debounced_callback.ts",
287
- "./use_form": "./src/use_form.ts",
288
- "./scroll_to_bottom": "./src/scroll_to_bottom.tsx",
289
- "./animation_fade_in": "./src/animation_fade_in.tsx",
290
- "./json_panel": "./src/json_panel.tsx",
282
+ "./time_columns": "./src/time_columns.tsx",
283
+ "./time_options": "./src/time_options.ts",
284
+ "./time_picker": "./src/time_picker.tsx",
291
285
  "./timeline": "./src/timeline.tsx",
292
- "./loading": "./src/loading.tsx",
293
- "./switch_button": "./src/switch_button.tsx",
294
- "./alert": "./src/alert.tsx",
295
- "./landmark": "./src/landmark.tsx",
296
- "./skip_link": "./src/skip_link.tsx",
297
- "./text_utils": "./src/text_utils.ts",
286
+ "./tokens": "./src/tokens.ts",
287
+ "./tooltip": "./src/tooltip.tsx",
288
+ "./trend_chip": "./src/trend_chip.tsx",
289
+ "./trend_footer": "./src/trend_footer.tsx",
298
290
  "./type_ramp": "./src/type_ramp.ts",
299
- "./column_filter": "./src/column_filter.tsx",
300
- "./chip_group": "./src/chip_group.tsx",
301
- "./avatar_size": "./src/avatar_size.ts",
302
- "./avatar_tone": "./src/avatar_tone.ts",
303
- "./avatar_props": "./src/avatar_props.ts",
304
- "./diff_value": "./src/diff_value.tsx",
305
- "./diff_mark": "./src/diff_mark.tsx",
291
+ "./uploading_thumbnail": "./src/uploading_thumbnail.tsx",
292
+ "./use_async_fn": "./src/use_async_fn.ts",
293
+ "./use_auto_grow_height": "./src/use_auto_grow_height.ts",
306
294
  "./use_change_set": "./src/use_change_set.ts",
307
- "./display_font": {
308
- "react-native": "./src/display_font.ts",
309
- "default": "./src/display_font.web.ts"
295
+ "./use_debounced_callback": "./src/use_debounced_callback.ts",
296
+ "./use_focus_ring": "./src/use_focus_ring.ts",
297
+ "./use_form": "./src/use_form.ts",
298
+ "./use_gated_press": "./src/use_gated_press.ts",
299
+ "./use_hover": "./src/use_hover.ts",
300
+ "./use_image_rotation": "./src/use_image_rotation.ts",
301
+ "./use_paste_files": {
302
+ "react-native": "./src/use_paste_files.ts",
303
+ "default": "./src/use_paste_files.web.ts"
310
304
  },
311
- "./font_family": {
312
- "react-native": "./src/font_family.ts",
313
- "default": "./src/font_family.web.ts"
305
+ "./use_screen_size": "./src/use_screen_size.ts",
306
+ "./use_section_nav": "./src/use_section_nav.ts",
307
+ "./use_selection": "./src/use_selection.ts",
308
+ "./use_selection_mode": "./src/use_selection_mode.ts",
309
+ "./vite": {
310
+ "types": "./src/vite.d.mts",
311
+ "default": "./src/vite.mjs"
312
+ },
313
+ "./waterfall_chart": "./src/waterfall_chart.tsx",
314
+ "./wave_avatar": {
315
+ "react-native": "./src/wave_avatar.tsx",
316
+ "default": "./src/wave_avatar.web.tsx"
314
317
  }
315
318
  },
316
319
  "files": [
@@ -334,7 +337,7 @@
334
337
  "dependencies": {
335
338
  "@lotics/docx": "^0.3.0",
336
339
  "@lotics/markdown-editor": "^0.1.0",
337
- "@lotics/xlsx": "^0.2.0",
340
+ "@lotics/xlsx": "^0.3.0",
338
341
  "ai": "^7.0.30",
339
342
  "mdast-util-from-markdown": "^2.0.3",
340
343
  "mdast-util-gfm-footnote": "^2.1.0",
package/src/accordion.tsx CHANGED
@@ -130,7 +130,13 @@ export interface AccordionTitleProps {
130
130
  export function AccordionTitle(props: AccordionTitleProps) {
131
131
  return (
132
132
  <View style={styles.title}>
133
- {props.icon ? <Icon name={props.icon} size={16} color={props.iconColor ?? colors.zinc[500]} /> : null}
133
+ {/* Giữ chỗ khi không có icon, nếu không thì trong một chồng accordion,
134
+ hàng có icon và hàng không có icon bắt đầu ở hai mép trái khác nhau. */}
135
+ {props.icon ? (
136
+ <Icon name={props.icon} size={16} color={props.iconColor ?? colors.zinc[500]} />
137
+ ) : (
138
+ <View style={{ width: 16 }} />
139
+ )}
134
140
  {/* MEDIUM, like every other row identity in the kit (`ListItem`,
135
141
  `MenuButton`, `MenuListItem`, `DetailRow` label). This was the one
136
142
  pressable-row title at regular weight, so in a long register — 200
package/src/alert.css CHANGED
@@ -9,7 +9,6 @@
9
9
  display: flex;
10
10
  align-items: center;
11
11
  justify-content: center;
12
- z-index: 10000;
13
12
  animation: lotics-alert-fade-in 0.2s ease-out;
14
13
  padding: 16px;
15
14
  }