Is select safe to install?

SaferSkills independently audited select (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.

CategoryWeightCategory scoreContribution

Securityprompt, exec, net, exfil, eval

35%

100

35.0 pts

Supply chainhash, typosquat, maintainer, lockfile

20%

100

20.0 pts

Maintenancestaleness, pinning, CI

15%

100

15.0 pts

TransparencySKILL.md, perms, README

15%

100

15.0 pts

Communityinstalls, verify, response

15%

100

15.0 pts

Findings & checks · 0 flagged

Securityscore 100 · 0 findings

✓—All security checks passedNo findings in this category for the latest scan.pass

Supply chainscore 100 · 0 findings

✓—All supply chain checks passedNo findings in this category for the latest scan.pass

Maintenancescore 100 · 0 findings

✓—All maintenance checks passedNo findings in this category for the latest scan.pass

Transparencyscore 100 · 0 findings

✓—All transparency checks passedNo findings in this category for the latest scan.pass

Communityscore 100 · 0 findings

✓—All community checks passedNo findings in this category for the latest scan.pass

The primary manifest — the file an agent reads to learn what this artifact does.

reablocks/form/select/SKILL.md · 1 file

reablocks/form/select/SKILL.md3.9 KB · Markdown

Select

Feature-rich dropdown select with search filtering, keyboard navigation, multi-select, creatable options, and paste support. Uses Fuse.js for fuzzy search. Renders via ConnectedOverlay (Floating UI).

Import

import { Select, SelectOption } from 'reablocks';

Select Props

Prop	Type	Default	Description
`value`	`string \	string[]`	—	Selected value(s)
`onChange`	`(value) => void`	—	Value change handler
`children`	`SelectOption elements`	—	Option elements
`multiple`	`boolean`	—	Enable multi-select
`filterable`	`boolean \	'async'`	`true`	Enable search filtering (`'async'` for external filtering)
`clearable`	`boolean`	`true`	Show clear button
`createable`	`boolean`	—	Allow creating new options by typing
`disabled`	`boolean`	—	Disable the select
`error`	`boolean`	—	Error state
`loading`	`boolean`	—	Loading indicator
`placeholder`	`string`	—	Placeholder text
`size`	`'small' \	'medium' \	'large'`	`'medium'`	Select size
`closeOnSelect`	`boolean`	`true`	Close menu after selection
`menuPlacement`	`Placement`	`'bottom-start'`	Menu positioning
`menuDisabled`	`boolean`	`false`	Disable dropdown menu
`refreshable`	`boolean`	`false`	Show refresh button for async options
`tabToSelect`	`boolean`	—	Use Tab key to select active option
`selectOnPaste`	`boolean`	—	Select options on paste
`selectOnKeys`	`string[]`	`['Enter']`	Keys that trigger selection
`clearOnBlur`	`boolean`	`true`	Clear search text on blur
`start`	`ReactNode`	—	Content before the input
`end`	`ReactNode`	—	Content after input (before action buttons)
`required`	`boolean`	—	Required field
`defaultFilterValue`	`string`	—	Default search filter text
`searchOptions`	`Fuse.IFuseOptions`	—	Custom Fuse.js search options
`input`	`ReactElement`	`<SelectInput />`	Custom input component
`menu`	`ReactElement`	`<SelectMenu />`	Custom menu component
`className`	`string`	—	Input CSS classes
`containerClassName`	`string`	—	Container CSS classes
`activeClassName`	`string`	—	CSS classes when menu is open
`theme`	via SelectInput/SelectMenu	—	Theme overrides

SelectOption

<SelectOption value="option1">Option 1</SelectOption>
<SelectOption value="option2" disabled>Option 2</SelectOption>
<SelectOption value="option3" group="Group A">Option 3</SelectOption>

Single Select

const [value, setValue] = useState<string>();

<Select value={value} onChange={setValue} placeholder="Select...">
  <SelectOption value="apple">Apple</SelectOption>
  <SelectOption value="banana">Banana</SelectOption>
  <SelectOption value="cherry">Cherry</SelectOption>
</Select>

Multi Select

const [values, setValues] = useState<string[]>([]);

<Select multiple value={values} onChange={setValues} placeholder="Select items...">
  <SelectOption value="a">Item A</SelectOption>
  <SelectOption value="b">Item B</SelectOption>
  <SelectOption value="c">Item C</SelectOption>
</Select>

Creatable

<Select createable value={value} onChange={setValue} placeholder="Type to create...">
  <SelectOption value="existing">Existing Option</SelectOption>
</Select>

Grouped Options

<Select value={value} onChange={setValue}>
  <SelectOption value="a" group="Fruits">Apple</SelectOption>
  <SelectOption value="b" group="Fruits">Banana</SelectOption>
  <SelectOption value="c" group="Vegetables">Carrot</SelectOption>
</Select>

Arrow Up/Down — navigate options
Enter — select active option
Escape — close menu
Tab — close menu (or select if tabToSelect)

select— agent skill

Is select safe to install?

Select

Import

Select Props

SelectOption

Single Select

Multi Select

Creatable

Grouped Options

Keyboard Navigation

Audit the pieces. Scan the whole. Decide.