Las cinco piezas del formulario validado del kit, que son —después de Button— los cinco símbolos más usados de @solu30/ui-kit en todo GestorSalon: 187, 187, 181, 176 y 159 usos en 30 archivos. Viven en un subpath que la raíz NO reexporta, así que importarlas desde '@solu30/ui-kit' no compila, y ninguna funciona suelta: FormLabel fuera de un FormField tira «useFormField should be used within FormField» y voltea la ruta entera.

• control ×187
• name ×187
• render ×187

La línea divisoria, horizontal o vertical. 51 archivos la usan y la galería no la mostraba porque no llama la atención — que es justo por lo que se reescribe a mano con un `border-t` cada vez.

• className ×13

El plegable en piezas, para cuando el disparador es markup propio. `CollapsibleSection` —la de abajo en el mismo espécimen— es la versión con encabezado armado: título, subtítulo, insignia y acciones a la derecha.

• open ×22
• onOpenChange ×22
• className ×5
• defaultOpen ×2

Botón de sólo ícono con área táctil correcta y `aria-label` obligatorio. Cuatro variantes y tres tamaños; `tooltip` le pone el texto flotante sin montar un Tooltip aparte.

• icon ×26
• variant ×26
• aria-label ×26
• size ×25
• tooltip ×20
• onClick ×19

Radio group con forma de tarjeta: título, descripción e ícono por opción, y una sola seleccionada. `OptionCard` (la de abajo) es la tarjeta suelta que alterna sola, para cuando no hay grupo.

• value ×17
• title ×17
• description ×17
• icon ×9
• disabled ×1

Deslizador simple o de rango. El de rango pide `dual` y una tupla como valor — no dos sliders puestos al lado.

• value ×8
• onChange ×8
• min ×8
• max ×8
• className ×7
• size ×6

Paleta de swatches para elegir un color de entidad — una temporada, una categoría, un proveedor.

• colors ×4
• value ×4
• onChange ×4
• aria-label ×4
• size ×2

Interruptor con forma de ficha, en grilla. El `onChange` acepta una promesa: si falla, el estado visual vuelve solo — que es la parte que un `useState` a mano nunca implementa.

• label ×1
• checked ×1
• onChange ×1

La fila entera como botón, sin perder la semántica: es un `<button>` de verdad, con foco y teclado, no un `<div onClick>`.

• onClick ×1

Edición en línea de un valor de lista, moneda o costo. Los tres viven sólo en la raíz del paquete: ningún subpath los expone.

• value ×2
• options ×2
• onSave ×2
• disabled ×2

La lista de acordeón completa: descriptores como dato, apertura controlada y contenido por función de render. `dimInactive` apaga las que no están abiertas.

• items ×1
• openItems ×1
• onToggle ×1
• renderContent ×1

Bloque de formulario con título, ícono y plegado opcional. Es el andamiaje que GestorSalon repite en 27 lugares.

• title ×27
• icon ×27
• collapsible ×5
• defaultOpen ×5

Panel lateral con formulario adentro: encabezado, cuerpo, pie con enviar y cancelar, estado de envío y de deshabilitado. Es `SheetRoot` + `SheetContent` + pie, ya armado.

• open ×14
• onOpenChange ×14
• title ×14
• icon ×14
• onSubmit ×14
• submitLabel ×14

Aritmética de horarios que cruza la medianoche. Vive en `input` y no en `utils`, que es parte de por qué nadie la encuentra — y su hermana `calcDurationMinutes` trabaja en otra unidad, que es la otra parte.