@vellira-ui/react-native 2.31.0 → 2.33.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 CHANGED
@@ -85,9 +85,9 @@ wrapped in `FormField`. For checkbox rows without a visible label, provide
85
85
  ### Select Notes
86
86
 
87
87
  Use `Select` for one form value from a compact list, `RadioGroup` for a few
88
- visible choices, and `Dropdown` for action menus. Native `Select` commits the
89
- picker draft only when the user presses `Done`; `Cancel` and the backdrop close
90
- without changing the selected value.
88
+ visible choices, and `Dropdown` for action menus. Native `Select` opens a
89
+ sheet, modal, or popover and renders options with a FlatList-backed native
90
+ content surface.
91
91
 
92
92
  ```tsx
93
93
  import { Select } from '@vellira-ui/react-native';
@@ -100,13 +100,14 @@ export function RoleSelect() {
100
100
  <Select
101
101
  label='Role'
102
102
  value={role}
103
- onValueChange={setRole}
104
- options={[
105
- { label: 'Admin', value: 'admin' },
106
- { label: 'Editor', value: 'editor' },
107
- { label: 'Viewer', value: 'viewer' },
108
- ]}
109
- />
103
+ onValueChange={(nextRole) => setRole(nextRole ?? '')}
104
+ searchable
105
+ clearable
106
+ >
107
+ <Select.Item value='admin' label='Admin' />
108
+ <Select.Item value='editor' label='Editor' />
109
+ <Select.Item value='viewer' label='Viewer' />
110
+ </Select>
110
111
  );
111
112
  }
112
113
  ```
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export { Dropdown } from './components/Dropdown';
2
- export type { DropdownGroup as DropdownGroupItem, DropdownItem, DropdownMenuItem, DropdownProps, DropdownSeparator as DropdownSeparatorItem, } from './components/Dropdown/types';
2
+ export type { DropdownContentProps, DropdownEmptyProps, DropdownGroupProps, DropdownItemProps, DropdownLabelProps, DropdownPresentation, DropdownProps, DropdownSelectEvent, DropdownSeparatorProps, DropdownTriggerProps, } from './components/Dropdown/types';
3
3
  export type { ModalProps } from './components/Modal';
4
4
  export { Modal } from './components/Modal';
5
5
  export type { RadioGroupProps } from './components/RadioGroup';