## Overview
PIN input component using `@duskmoon-dev/core` CSS classes.
Renders styled single-character input fields for PIN or security code entry.
Features circle shape, dots display, visibility toggle, and compact spacing.
## Core 1.20 Migration
The Phoenix attributes, field names, values, and accessible labels are preserved.
Generated CSS selectors now use `otp-group`, `otp-label`, `otp-input`, and
`otp-input-field` instead of the former `pin-*` selectors. Circle shape and
dots sizing use Tailwind utilities. `visible={false}` uses native password
fields. Error styling no longer includes the former PIN shake animation.
## Usage
```elixir
<.dm_pin_input length={4} color="primary" />
<.dm_pin_input
length={6}
shape="circle"
label="Enter PIN"
helper="4-digit security code"
/>
```