panelui-native 0.36.0 → 0.38.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.
- package/README.md +12 -1
- package/lib/module/components/combobox/index.js +718 -0
- package/lib/module/components/combobox/index.js.map +1 -0
- package/lib/module/components/form/use-field.js +18 -0
- package/lib/module/components/form/use-field.js.map +1 -1
- package/lib/module/components/form/use-form.js +91 -8
- package/lib/module/components/form/use-form.js.map +1 -1
- package/lib/module/components/input/index.js +10 -3
- package/lib/module/components/input/index.js.map +1 -1
- package/lib/module/components/select/index.js +116 -15
- package/lib/module/components/select/index.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/theme/use-theme.js +1 -1
- package/lib/typescript/src/components/combobox/index.d.ts +164 -0
- package/lib/typescript/src/components/combobox/index.d.ts.map +1 -0
- package/lib/typescript/src/components/form/use-field.d.ts.map +1 -1
- package/lib/typescript/src/components/form/use-form.d.ts.map +1 -1
- package/lib/typescript/src/components/input/index.d.ts +18 -4
- package/lib/typescript/src/components/input/index.d.ts.map +1 -1
- package/lib/typescript/src/components/select/index.d.ts +32 -0
- package/lib/typescript/src/components/select/index.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +2 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/theme/use-theme.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/combobox/index.tsx +927 -0
- package/src/components/form/use-field.ts +23 -0
- package/src/components/form/use-form.ts +106 -16
- package/src/components/input/index.tsx +21 -7
- package/src/components/select/index.tsx +114 -15
- package/src/index.ts +10 -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.
|
|
4
|
+
library for Expo apps. 78 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,15 @@ 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
|
+
| `Panelside` | Collapsible side panel with its own search, groups and scenes |
|
|
209
|
+
| `Plan` | What an agent intends to do, before it does it |
|
|
205
210
|
| `Popover` | Panel anchored to the element that opened it |
|
|
206
211
|
| `Post` | Social card — author, body, media and the counts underneath |
|
|
207
212
|
| `Progress` | Determinate and indeterminate progress bar |
|
|
208
213
|
| `RadioGroup` | Single-select list of options |
|
|
209
214
|
| `Rating` | A row of stars to read or set a score |
|
|
215
|
+
| `Reasoning` | An agent’s thinking, collapsed until you want it |
|
|
216
|
+
| `Response` | Streamed markdown rendered as native components |
|
|
210
217
|
| `RingChart` | Concentric arcs, each measured against its own target |
|
|
211
218
|
| `ScrollCanvas` | Image frame whose contents move as you scroll |
|
|
212
219
|
| `ScrollFade` | Fades the edges of a scroll container |
|
|
@@ -219,6 +226,7 @@ you are done. Unstyled text on a white screen means the styles are not reaching
|
|
|
219
226
|
| `Skeleton` | Shimmer placeholder for loading content |
|
|
220
227
|
| `Slider` | Pick a value by dragging a thumb along a track |
|
|
221
228
|
| `Soundwave` | What a voice looks like while an app listens |
|
|
229
|
+
| `Sources` | The references behind an answer, behind a disclosure |
|
|
222
230
|
| `Spinner` | Indeterminate loading indicator |
|
|
223
231
|
| `Steps` | Stepper for multi-step flows |
|
|
224
232
|
| `Surface` | Elevated container with a variant ladder |
|
|
@@ -226,8 +234,11 @@ you are done. Unstyled text on a white screen means the styles are not reaching
|
|
|
226
234
|
| `Switch` | Animated on/off toggle |
|
|
227
235
|
| `Table` | Rows and columns that stay lined up, with sortable headers |
|
|
228
236
|
| `Tabs` | Segmented navigation with an animated indicator |
|
|
237
|
+
| `Task` | A step an agent is working through, with its files |
|
|
238
|
+
| `Textarea` | Multi-line text field that can grow with its content |
|
|
229
239
|
| `ThinkingOrb` | Dotted orb saying which kind of busy an agent is |
|
|
230
240
|
| `Timeline` | Vertical sequence of events |
|
|
241
|
+
| `TimePicker` | Pick a time — as a wheel, a ruler, or a pair of fields |
|
|
231
242
|
| `Toast` | Transient notification queue with swipe to dismiss |
|
|
232
243
|
| `ToggleButton` | A button that stays down, on its own or in a group |
|
|
233
244
|
| `Tooltip` | A small label that names the control under your finger |
|