panelui-native 0.36.0 → 0.40.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 (62) hide show
  1. package/README.md +13 -1
  2. package/lib/module/components/combobox/index.js +718 -0
  3. package/lib/module/components/combobox/index.js.map +1 -0
  4. package/lib/module/components/form/use-field.js +18 -0
  5. package/lib/module/components/form/use-field.js.map +1 -1
  6. package/lib/module/components/form/use-form.js +91 -8
  7. package/lib/module/components/form/use-form.js.map +1 -1
  8. package/lib/module/components/heatmap-chart/index.js +113 -6
  9. package/lib/module/components/heatmap-chart/index.js.map +1 -1
  10. package/lib/module/components/input/index.js +10 -3
  11. package/lib/module/components/input/index.js.map +1 -1
  12. package/lib/module/components/pagination/index.js +519 -0
  13. package/lib/module/components/pagination/index.js.map +1 -0
  14. package/lib/module/components/ring-chart/index.js +183 -45
  15. package/lib/module/components/ring-chart/index.js.map +1 -1
  16. package/lib/module/components/select/index.js +116 -15
  17. package/lib/module/components/select/index.js.map +1 -1
  18. package/lib/module/components/steps/index.js +8 -6
  19. package/lib/module/components/steps/index.js.map +1 -1
  20. package/lib/module/components/table/index.js +100 -26
  21. package/lib/module/components/table/index.js.map +1 -1
  22. package/lib/module/components/timeline/index.js +8 -7
  23. package/lib/module/components/timeline/index.js.map +1 -1
  24. package/lib/module/index.js +2 -0
  25. package/lib/module/index.js.map +1 -1
  26. package/lib/module/theme/use-theme.js +1 -1
  27. package/lib/typescript/src/components/combobox/index.d.ts +164 -0
  28. package/lib/typescript/src/components/combobox/index.d.ts.map +1 -0
  29. package/lib/typescript/src/components/form/use-field.d.ts.map +1 -1
  30. package/lib/typescript/src/components/form/use-form.d.ts.map +1 -1
  31. package/lib/typescript/src/components/heatmap-chart/index.d.ts +51 -3
  32. package/lib/typescript/src/components/heatmap-chart/index.d.ts.map +1 -1
  33. package/lib/typescript/src/components/input/index.d.ts +18 -4
  34. package/lib/typescript/src/components/input/index.d.ts.map +1 -1
  35. package/lib/typescript/src/components/pagination/index.d.ts +285 -0
  36. package/lib/typescript/src/components/pagination/index.d.ts.map +1 -0
  37. package/lib/typescript/src/components/ring-chart/index.d.ts +75 -8
  38. package/lib/typescript/src/components/ring-chart/index.d.ts.map +1 -1
  39. package/lib/typescript/src/components/select/index.d.ts +32 -0
  40. package/lib/typescript/src/components/select/index.d.ts.map +1 -1
  41. package/lib/typescript/src/components/steps/index.d.ts +8 -6
  42. package/lib/typescript/src/components/steps/index.d.ts.map +1 -1
  43. package/lib/typescript/src/components/table/index.d.ts +59 -17
  44. package/lib/typescript/src/components/table/index.d.ts.map +1 -1
  45. package/lib/typescript/src/components/timeline/index.d.ts +8 -7
  46. package/lib/typescript/src/components/timeline/index.d.ts.map +1 -1
  47. package/lib/typescript/src/index.d.ts +4 -2
  48. package/lib/typescript/src/index.d.ts.map +1 -1
  49. package/lib/typescript/src/theme/use-theme.d.ts +1 -1
  50. package/package.json +1 -1
  51. package/src/components/combobox/index.tsx +927 -0
  52. package/src/components/form/use-field.ts +23 -0
  53. package/src/components/form/use-form.ts +106 -16
  54. package/src/components/heatmap-chart/index.tsx +147 -5
  55. package/src/components/input/index.tsx +21 -7
  56. package/src/components/pagination/index.tsx +591 -0
  57. package/src/components/ring-chart/index.tsx +269 -47
  58. package/src/components/select/index.tsx +114 -15
  59. package/src/components/steps/index.tsx +8 -6
  60. package/src/components/table/index.tsx +146 -30
  61. package/src/components/timeline/index.tsx +8 -7
  62. package/src/index.ts +25 -0
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  # PanelUI — React Native UI components for Expo, styled with Tailwind CSS
2
2
 
3
3
  **PanelUI** (`panelui-native`) is an accessible, high-performance React Native component
4
- library for Expo apps. 76 typed components — buttons, bottom sheets, dialogs, selects,
4
+ library for Expo apps. 79 typed components — buttons, bottom sheets, dialogs, selects,
5
5
  toasts, forms — styled with Tailwind CSS v4 and animated on the UI thread with Reanimated.
6
6
  Zero native code, so it runs in Expo Go.
7
7
 
@@ -180,9 +180,12 @@ you are done. Unstyled text on a white screen means the styles are not reaching
180
180
  | `Carousel` | A run of slides, one at a time, dragged with a finger |
181
181
  | `Checkbox` | Animated checkbox, as a row or a selectable card |
182
182
  | `Chip` | Interactive pill — a filter, a tag, or a removable token |
183
+ | `CodeBlock` | Syntax-highlighted code with a header and a copy button |
184
+ | `Combobox` | A text field that filters a list of options as you type |
183
185
  | `DatePicker` | A calendar behind a button |
184
186
  | `Dialog` | Modal dialog with a backdrop and footer actions |
185
187
  | `Direction` | Reading direction for everything below it |
188
+ | `Drawer` | Panel that slides in from an edge of the screen |
186
189
  | `EmptyState` | Placeholder for a list or screen with no content |
187
190
  | `Field` | Layout and validation-state kit a form control composes into |
188
191
  | `Flow` | Pan-and-zoom canvas of draggable nodes joined by animated edges |
@@ -202,11 +205,16 @@ you are done. Unstyled text on a white screen means the styles are not reaching
202
205
  | `MessageScroller` | Scroll behaviour a chat transcript needs |
203
206
  | `NumberInput` | Numeric field stepped by buttons or typed by hand |
204
207
  | `OtpInput` | One-time-code field drawn as a row of separate cells |
208
+ | `Pagination` | Paged navigation over a long result set |
209
+ | `Panelside` | Collapsible side panel with its own search, groups and scenes |
210
+ | `Plan` | What an agent intends to do, before it does it |
205
211
  | `Popover` | Panel anchored to the element that opened it |
206
212
  | `Post` | Social card — author, body, media and the counts underneath |
207
213
  | `Progress` | Determinate and indeterminate progress bar |
208
214
  | `RadioGroup` | Single-select list of options |
209
215
  | `Rating` | A row of stars to read or set a score |
216
+ | `Reasoning` | An agent’s thinking, collapsed until you want it |
217
+ | `Response` | Streamed markdown rendered as native components |
210
218
  | `RingChart` | Concentric arcs, each measured against its own target |
211
219
  | `ScrollCanvas` | Image frame whose contents move as you scroll |
212
220
  | `ScrollFade` | Fades the edges of a scroll container |
@@ -219,6 +227,7 @@ you are done. Unstyled text on a white screen means the styles are not reaching
219
227
  | `Skeleton` | Shimmer placeholder for loading content |
220
228
  | `Slider` | Pick a value by dragging a thumb along a track |
221
229
  | `Soundwave` | What a voice looks like while an app listens |
230
+ | `Sources` | The references behind an answer, behind a disclosure |
222
231
  | `Spinner` | Indeterminate loading indicator |
223
232
  | `Steps` | Stepper for multi-step flows |
224
233
  | `Surface` | Elevated container with a variant ladder |
@@ -226,8 +235,11 @@ you are done. Unstyled text on a white screen means the styles are not reaching
226
235
  | `Switch` | Animated on/off toggle |
227
236
  | `Table` | Rows and columns that stay lined up, with sortable headers |
228
237
  | `Tabs` | Segmented navigation with an animated indicator |
238
+ | `Task` | A step an agent is working through, with its files |
239
+ | `Textarea` | Multi-line text field that can grow with its content |
229
240
  | `ThinkingOrb` | Dotted orb saying which kind of busy an agent is |
230
241
  | `Timeline` | Vertical sequence of events |
242
+ | `TimePicker` | Pick a time — as a wheel, a ruler, or a pair of fields |
231
243
  | `Toast` | Transient notification queue with swipe to dismiss |
232
244
  | `ToggleButton` | A button that stays down, on its own or in a group |
233
245
  | `Tooltip` | A small label that names the control under your finger |